課程目標
在頁面上顯示出Hello World文字
實現步驟
1.引入vue.js文件
2.實例化一個Vue對象
3.指定Vue對象的作用域
4.在data中顯示的初始化頁面數據
5.用{{}}展示數據
實例代碼
<code>
<title>Document/<title>
{{msg}}
{{methodsMag}}
/<code>
Vue實例選項詳解
1.new Vue({})
實例化一個Vue對象參數是一個對象
2.el作用：
指定vue實例的作用域，通常是id選擇器、類選擇器 如 #app 或 .app
不能指定vue實例對象的作用域到html或者body標籤，掛載到body和html，將會報如下錯誤：
一個頁面可以有多個Vue實例對象，每個對象只管理自己el所掛載的作用域；
如下所示，v1實例對象只會管理它所掛載的
之內的視圖，v2只會管理自己掛載的之內的視圖，他們不會相互影響，因為自己有自己的作用域。<code>
<title>Document/<title>
{{msg}}
{{msg1}}
/<code>
3.data的作用：
data相當於一個內存，存儲頁面需要展示的數據；
所有頁面需要展示的數據都需要顯示的初始化到data中。
data中是數據是響應式的數據，只有數據改變，對應頁面展示的數據也會相應的改變。
4.methods:
指定當前Vue實例對象的方法，其值可以是一個對象。
可以通過實例對象訪問方法，如v1.fn1();
方法中的 this 自動綁定為 Vue 實例
不應該使用箭頭函數來定義 method 函數,箭頭函數綁定了父級作用域的上下文，所以 this 將不會按照期望指向 Vue 實例，this. 將是 undefined
5.{{}}: 插值表達式
把綁定的數據展示到頁面上，只要data裡面的數據改變，頁面上的數據也會發生改變。
在插值表達式中不能寫js語句，如 var a = 100;
閱讀更多 就叫春哥 的文章
