Vue3.0从入门到精通免费领取!

2021-08-27 18:21

看完以下资料,你完全可以上手去开发源码了,本文适合Vue初学者,或者Vue2迁移者,或者想开始学Vue3.0的选手,《Vue3.0从入门到精通》送给想技术提升的你们,点击下方图片即可领取!

Vue3.0从入门到精通免费领取!

除了上述资料,小编还准备一些Vue的面试题,希望您可以技术和面试双向提升。

Vue中如何监控某个属性值的变化?

比如现在需要监控data中,obj.a的变化。Vue中监控对象属性的变化你可以这样:

watch: {
      obj: {
      handler (newValue, oldValue) {
        console.log('obj changed')
      },
      deep: true
    }
  }

deep属性表示深层遍历,但是这么写会监控obj的所有属性变化,并不是我们想要的效果,所以做点修改:

watch: {
   'obj.a': {
      handler (newName, oldName) {
        console.log('obj.a changed')
      }
   }
  }

还有一种方法,可以通过computed来实现,只需要:

computed: {
    a1 () {
      return this.obj.a
    }
}

利用计算属性的特性来实现,当依赖改变时,便会重新计算一个新值。

点击图片免费领取资料

Vue3.0从入门到精通免费领取!

以上就是小编为大家整理发布的“Vue3.0从入门到精通免费领取!”一文,更多相关内容尽在开课吧Web教程频道。

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用1
分享