2017/09/06 VUE實(shí)例

一. 創(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)用

})

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容