Vue "`实例上`" 常用的属性
创建一个Vue的实例"vm
"
el:
为DOM结构中的id为app
的div
此时如果要在外部调用只需写:vm.$el
var vm=new Vue({
el:"#app",
data:{
msg:"AA"
}
});
如下所写就是给管辖范围的那个div设置了yellow的背景颜色
vm.$el.style.backgroundColor="yellow";
在vue2.0 中获取的话:$data,_data这两种方式都可以获取数据
如果要修改的话
在内部直接函数或钩子函数中[this.msg=xxx
]
在外部直接写[vm.msg=xxx
]
[$watch
]监控数据变化
一旦数据发生改变 回调函数中就会默认传两个参数一个是改变前的一个是改变后的 从而可以在函数中对这两个参数进项修改
vm.$watch("msg",function(newVal,oldVal){
只要数据msg发生改变了就会出触发这个函数,默任2个参数
newVal:表示修改后的数据
oldVal:表示原来的数据
})