zoukankan      html  css  js  c++  java
  • 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:表示原来的数据 
    })
    
  • 相关阅读:
    函数的扩展
    数组的扩展
    event(1)
    面试
    iframes
    浏览器CSS兼容
    BFC
    简单的一个轮播效果
    asp.net identity 2.2.0 在WebForm下的角色启用和基本使用(二)
    我的web框架设计
  • 原文地址:https://www.cnblogs.com/Jiazexin/p/7110682.html
Copyright © 2011-2022 走看看