Vue ---day02

Vue里常用的两个 options-----computed 和 watch

computed:本质上是一个派生属性,属性值依赖于其他数据

  当 watch中的数据改变时,触发 getter函数,属性值改变

  当 依赖数据不改变时 或 不被Vue监听拦截时,只执行一次

  MV模式: 依赖数据改变    --->  getter函数赋值  --->视图改变

  VM模式: 当input框值改变  ---> setter函数赋值  ---> 属性值改变

  computed getter方法不支持异步

  data:{

    type:"",

    users:[...,...,]

  },

  computed:{

    showUsers:{

      get(){ //...依赖type值,值本来是什么},

      set(){ //...赋值,赋值后是什么}

    },

    onlyGetter(){

      // 只有getter

    }

  }

watch 是一个对象,key是需要观察的表达式,value是对应的回调函数,Vue实例化时会调用 $watch(),遍历watch对象的每一个属性

不应该使用箭头函数来定义watcher回调函数, 箭头函数绑定了父级的上下文

 

posted @ 2020-02-18 11:44  铁塔  阅读(89)  评论(0编辑  收藏  举报