- 介紹
Vue的實例的數據對象data 我們已經用了很多了,數據綁定離不開data里面的數據。也是Vue的核心屬性。 它是Vue綁定數據到HTML標簽的數據源泉,另外Vue框架會自動監視data里面的數據變化,自動更新數據到HTML標簽上去。本質原理是:Vue會自動將data里面的數據進行遞歸抓換成getter和setter,然后就可以自動更新HTML標簽了,當然用getter和setter所以老的瀏覽器Vue支持的不夠好。
-
data對象的類型:
- 類型是Object或者Function。
- 如果是組件對象中,data必須是Function類型。
-
實例:
// 創建普通的Vue實例
1
2
3
|
var vm = new Vue({
data: data
})
|
// 組件定義
// Vue.extend() 中 data 必須是函數
1
2
3
4
5
6
|
var Component = Vue.extend({
data: function () {
//這里必須是函數!!!
return { a: 1 }
}
})
|