Vue之watch
时间:2023-10-02 01:37:02
一、什么是watch
watch:用于监听data内部数据是否修改,一旦修改,可以执行其他一些操作也是方法
二、解析watch
watch监控时,可以有二次参数。第一个参数是更新数据,第二个参数是旧数据
Title {
{text}}
三、watch不同于计算属性
不同的计算属性和监听属性 1.计算属性get必须有return,而监听属性return可有可无 2.计算属性有缓存效果,监控属性没有缓存 3.计算属性可以自定义名称,监控属性只能监控和监控data里面的名字是一样的 4.计算属性适用于复杂的操作,监控属性适用于一些消耗性功能,如Ajax
四、watch高级
当使用watch当监控时,我们可能会发现它可以监控数据单数据,数组,但当监控对象显然修改了数据,但没有监控提示,为什么?
此时,我们需要打开深度监控,因为当我们不打开深度监控时,watch只监控第一层,对象数据修改,但对象的第一个地址没有修改,所以watch判断数据没有变化,因此无法监控
Title {
{text}}
{
{array}}