vue如何进行深度监听 vue怎么深度监听

主机教程 建站分享 2年前 (2022-11-22) 186次浏览

文章摘要:vue如何进行深度监听 vue怎么深度监听

在vue中进行深度监听的方法:1.新建项目,引入vue;2.定义监听对象;3.使用watch方法对对象进行监听 […]

在vue中进行深度监听的方法:1.新建项目,引入vue;2.定义监听对象;3.使用watch方法对对象进行监听;4.添加deep:true,属性实现深度监听;

具体方法如下:

1.首先,新建一个html项目,并在项目中引入vue;

import Vue from 'vue'

2.引入vue后,在项目中定义一个监听对象;

data () {

return {

obj:{

name:'星星月亮',

age:18

}

}

},

3.监听对象定义好后,使用watch方法对整个对象进行监听;

watch:{

obj:{

handler:function(newV,oldV){

console.log(newV)

}

}

}

4.最后,监听事件设置好后,在事件中添加一个deep属性,并设置为true,即可实现深度监听;

watch:{

obj:{

deep:true,

handler:function(newV,oldV){

console.log(newV)

}

}

}


声明:
若非注明,本站文章源于互联网收集整理和网友分享发布,如有侵权,请联系站长处理。
文章名称:vue如何进行深度监听 vue怎么深度监听
文章链接:http://www.7966.org/post/11136.html
转载请注明出处

喜欢 (0)