methods 事件
methods被混入到Vue实例中,可以直接通过VM实例访问这些方法,或者是在指令表达式中使用。方法中的this自动绑定为Vue实例。
<p>methods={{sub()}}</p>
methos:{
sub(){
console.log("aaa")
}
}
computed 计算属性
计算属性将被混入到Vue实例中。所有getter和setter的this上下文自动地绑定为Vue实例。
计算属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算。注意,如果某个依赖在该势力范畴以外,计算属性不会更新
<p>computed={{sub}}</p>
computed:{
sub:function(){
console.log("bbb")
}
}
watch 侦听属性
一个对象,键是需要观察的表达式,值是对应回调函数。值也可以是方法名,或者包含选项的对象。Vue实例将会在实例化时调用$watch(),遍历watch对象的每一个属性
watch:{
a:function(val){
console.log("aaaaa")
},
b:function(val){
console.log()
}
}