vue如何监听对象

vue

1692

2021/5/12 15:39:33

栏目: 编程语言

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

vue如何监听对象

具体步骤如下：

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)
}
}
}

最新知识库