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回调函数， 箭头函数绑定了父级的上下文