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:表示原来的数据 
})
posted @ 2017-07-03 13:22  和盛商行  阅读(183)  评论(0编辑  收藏  举报