### 創建一個Vue實例 ~~~ var vm = new Vue({ // 傳入一個選項對象 }) ~~~ ### 數據與方法 ~~~ var vm = new Vue({ el: "#app", data: { a: 1 } }) // 獲取實例上的屬性 console.log(vm.a); // 除了數據屬性，Vue 實例還暴露了一些有用的實例屬性與方法。它們都有前綴 `$`，以便與用戶定義的屬性區分開來 vm.$data === data; //true vm.$el === document.getElementById("app"); //true // $watch是一個實例方法 vm.$watch("a", function(newValue, oldValue){ // vm.a改變時，這里的回調會被調用 }) ~~~ ``` Vue實例被創建，data對象中的所有屬性加入到Vue的響應式系統中，屬性的值變化，視圖將會響應 ``` ### 生命周期 ~~~ new Vue({ data: { a: 1 }, // 這里不要使用箭頭函數，因為箭頭函數沒有this, this會作為變量一直向上級作用域查找，知道找到為止 created: function () { // `this` 指向 vm 實例 console.log('a is: ' + this.a) } }) // => "a is: 1" ~~~ created ``` 實例被創建后執行代碼 ```