vue如何监听对象 vue如何监听对象或者数组某个属性的变化

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

文章摘要:vue如何监听对象 vue如何监听对象或者数组某个属性的变化

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

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

具体步骤如下:

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

import Vue from 'vue'

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

data () {

return {

obj:{

name:'星星月亮',

age:18

}

}

},

3.最后,监听对象定义好后,使用watch方法即可对对象进行监听;

watch:{

obj:{

deep:true,

handler:function(newV,oldV){

console.log(newV)

}

}

}

相关扩展:

1)监听对象中的某个属性

watch:{

'obj.name':{

deep:true,

handler:function(newV,oldV){

console.log(newV)

}

}

}


声明:
若非注明,本站文章源于互联网收集整理和网友分享发布,如有侵权,请联系站长处理。
文章名称:vue如何监听对象 vue如何监听对象或者数组某个属性的变化
文章链接:http://www.7966.org/post/11170.html
转载请注明出处

喜欢 (0)