computed、methods、watch区别
# 一、computed、methods、watch区别
# computed:计算属性
可以监听某些数据的变化,并且有缓存。
如果一进入页面调用,就会触发
computed计算属性的结果值,可以修改吗?可以的,需要通过get/set写法
当前组件v-model绑定的值是computed来的,那么可以修改吗?可以的,需要通过get/set写法
1
2
3
2
3
# methods :
可以放入函数
没有缓存
如果一进入页面调用,就会触发
# watch :监听(路由和数据)
当数据发生改变时,才会触发
可以得到现在的值和过去的值
// 深度监听
watch:{
obj:{
handler(newVal,oldVal){
console.log( 'obj',newVal , oldVal )
},
immediate:true,
deep:true
},
}
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9