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