vuejs如何利用watch开启深度监听

vuejs如何利用watch开启深度监听，下面web建站小编给大家详细介绍一下！

如果watch侦听的是一个对象，如果对象中的属性值发生了变化，则无法被监听到。此时需要使用deep选项，开启深度监听，只要对象中任何一个属性变化了，都会触发“对象的侦听器”。

实现代码如下：

<div id="root">
  <input type="text" v-model="info.name">
</div>
<script src="./vue.js"></script>
<script>
const vm = new Vue({
  el:'#root',
  data:{
    info:{
      name:'admin'
    }
  },
  watch:{
    info: {
      handler(newVal){
          console.log(newVal);
      },
      //开启深度监听
      deep:true
    }
  }
})
</script>

vue语法中关于watch和watchEffect的区别？

vuejs深度监听代码介绍

vue项目如何利用watch监听路由变化

vuejs如何利用watch实现监听

标签： watch, 深度监听

上面是“vuejs如何利用watch开启深度监听”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2875.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！