5. Vue 实例

创建时间:2022-10-28 17:11
长度:457
浏览:14
评论:0
const vm = new Vue(options)

options可以是Vue的任何API, Vue API地址

当一个 Vue 实例被创建时,它将 data对象中的所有的 属性(property) 加入到 Vue 的响应式系统中。当这些 property 的值发生改变时,视图将会产生“响应”,即匹配更新为新的值

Vue会将data对象里所有属性放到vm实例对象上,可以尝试打印vm对象;

为什么能实时响应呢?得益于es6的object.defineproperty(),定义在data对象属性,Vue都设置了setter和getter,这也可以尝试打印vm对象来观察

const data = {
 message: 'hello world',
}

const vm = new Vue({
 el: '#root',
 data, // ES6简写属性
})

vm.msg = 25;  // 不是响应式的属性,Vue不会设置getter、setter

vm.message === data.message;  // true


评论(共0条)
0/200



请写下你的评论