一. 創(chuàng)建VUE實(shí)例
1. var vm = new Vue( { } )
二. 數(shù)據(jù)與方法
1. ?當(dāng)一個(gè) Vue 實(shí)例被創(chuàng)建時(shí),它向 Vue 的響應(yīng)式系統(tǒng)中加入了其data對(duì)象中能找到的所有的屬性。當(dāng)這些屬性的值發(fā)生改變時(shí),視圖將會(huì)產(chǎn)生“響應(yīng)”,即匹配更新為新的值。
var data={a:1}
var vm = new Vue({
data:data
})
vm.a == data.a;
vm.a=2
data.a// =>2
data 里的數(shù)據(jù)改變是,視圖就會(huì)跟著改變,,,,,,,只有在實(shí)例后的data數(shù)據(jù)中的屬性值才是相應(yīng)式的
解決方法 : ?可以為自己可能會(huì)使用的數(shù)據(jù)設(shè)定默認(rèn)初始值
2. ?除了 data 屬性, Vue 實(shí)例暴露了一些有用的實(shí)例屬性與方法。它們都有前綴$,以便與用戶定義的屬性區(qū)分開來(lái)。例如:
var data = ?{ a : 1 }
var vm = new Vue({
el : '#example' ,
data : data
})
vm.$data === data ? ? ? // => true
vm.$el ===document.getElementById('example') ? ? ?// => true
// $watch 是一個(gè)實(shí)例方法
vm.$watch ( ?'a' , function (newValue, oldValue) {
// 這個(gè)回調(diào)將在 `vm.a` 改變后調(diào)用
})