VueJS構造器:new Vue({})

標籤：element   bsp   style   amp   函數   logs   改變   區分   cti   

構造器

每個 Vue.js 應用都是通過建構函式 Vue 建立一個 Vue 的根執行個體來啟動的：

var vm = new Vue({  // 選項})

屬性與方法

每個 Vue 執行個體都會代理其 data 對象裡所有的屬性：

var data = { a: 1 }var vm = new Vue({  data: data})vm.a === data.a // -> true// 設定屬性也會影響到未經處理資料vm.a = 2data.a // -> 2// ... 反之亦然data.a = 3vm.a // -> 3

除了 data 屬性， Vue 執行個體暴露了一些有用的執行個體屬性與方法。這些屬性與方法都有首碼 $，以便與代理的 data 屬性區分。例如：

var data = { a: 1 }var vm = new Vue({  el: ‘#example‘,  data: data})vm.$data === data // -> truevm.$el === document.getElementById(‘example‘) // -> true// $watch 是一個執行個體方法vm.$watch(‘a‘, function (newVal, oldVal) {  // 這個回調將在 `vm.a`  改變後調用})

 

VueJS構造器:new Vue({})