```
vm = new Vue({
el: "#my", //获取元素
data: {
name: "zhangsan",
age: "20",
user: {
id: 100,
name: "hello"
}
},
name:'merror',
show:function() {
conslog.log('show');
}
});
<div id="my">
<h1>{{name}}</h1>
<h2 ref="hello">{{age}}</h2>
</div>
```
1. 获取data中的属性
conslog.log(vm.name);
或vm.$data.name
2. 获取Vue实例关联的元素
vm.$el.style.color = 'red'
3. 获取自定义属性
vm.$options.name
vm.$options.show()
4. 获取所有添加ref属性的元素
//操作DOM节点
vm.$refs.hello.style.color = 'blue';
5. 手动挂载Vue实例
vm.$mount('#my');
new Vue({}).$mount('#my');
6. 修改对象中的内容
this.user.name ='lee';//修改
this.$set(this.user,'name','lee');//添加
this.$delete(this.user,'name');//删除对应值
