在Vue中 watch与computed有什么区别?

最新推荐文章于 2024-07-16 09:46:43 发布

Lukeyyyy

最新推荐文章于 2024-07-16 09:46:43 发布

阅读量148

点赞数

分类专栏： vue 文章标签： vue 前端

本文链接：https://blog.csdn.net/Luceyyy/article/details/110453311

版权

本文探讨Vue框架中watch和computed的区别。watch主要用于监听数据变化并执行相应业务逻辑，而computed则用于缓存计算结果，仅在依赖改变时重新计算。两者都能实现相同功能，但合理使用能优化性能。

摘要由CSDN通过智能技术生成

一、watch

使用watch创建一个对象，键是需要观察的属性(表达式)，值是对应回调函数。主要用来监听某些特定数据的变化，从而进行某些具体的业务逻辑操作；他就是一个会通过属性的变化自己掉用的函数

 <script>
 
    var vm = new Vue({
   
      el: '#app',
      data: {
   
        aaa: '',
      },
      methods: {
   },
      watch: {
    // 使用watch，可以监视 data 中指定数据的变化，然后触发对应的 function 处理函数
        aaa: function (newVal, oldVal) {