vm是Vue的实例对象
实例对象上有$data属性,其值就是选项对象中data属性值
选项对象就是实例化Vue时传入的对象
data属性值是一个对象,因此,$data也就是这个对象
当通过$data修改msg的值时,也就等于改data中的值,对应是引用类型
因此示例的结果就是:
2秒后data数据中的msg的值改变了,又因为Vue是始终在关注着msg这个数据,一旦数据发生变化,就会触发Vue的响应式,继而改变视图显示。
实例上的方法
除了数据属性,Vue选项对象中还暴露了一些有用的属与方法,在通过实例对象使用选项对象的属性时,属性前面都需要带上前缀$,以便与用户定义的属性区分开来
var data = { a :1 }
var vm = new Vue({
el : '#example',
data : data
})
vm.$data === data
vm.$el === document.getElementById('example')
实例上常用的属性与方法
$refs:获取dom元素或者组件实例的引用
$mount:绑定挂载点
参数:
1、{ el | string }
2、{ boolean } [hydrating]
如果Vue实例在实例化时没有收到el选项,则它处于“未挂载”状态,没有关联得DOM元素,可以使用vm.$mount()手动地挂载一个未挂载地实例
如果没有提供elementOrSelector参数,模板将被渲染为文档之外地元素,并且你必须使用原生DOM API把它插入文档中。
这个方法返回自身,因而可以链式调用其他实例方法。