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