Vue 實(shí)例
創(chuàng)建一個(gè) Vue 的實(shí)例
每個(gè) Vue 應(yīng)用都是通過 Vue 函數(shù)創(chuàng)建一個(gè)新的 Vue 實(shí)例開始的:
var vm = new Vue({
// 選項(xiàng)
})
// 我們的數(shù)據(jù)對象
var data = { a: 1 }
// 該對象被加入到一個(gè) Vue 實(shí)例中
var vm = new Vue({
data: data
})
// 他們引用相同的對象!
vm.a === data.a // => true
// 設(shè)置屬性也會影響到原始數(shù)據(jù)
vm.a = 2
data.a // => 2
// ... and vice-versa
data.a = 3
vm.a // => 3
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)用
})