computed 与 watch 区别 笔记

清疚 2023-02-19 14:29 71阅读 0赞

computed是可以监听到data中没有的 变量。举个栗子： 比如 type

  1. type () { 
  2.             return this.active == 'diagnosis' ? 'list' : 'before_list'
  3.         }

当 type的依赖 this.active 发生变化了 type可以监听到 ，同时 可以通过依赖的变化 将type的值改变。

watch是可以监听到props、data、 computed中（比如刚刚的type）的变化
如下图：

  1. computed:{ 
  2.         updateData:() => store.updateData,
  3.         type () { 
  4.             return this.active == 'diagnosis' ? 'list' : 'before_list'
  5.         }
  6.     },
  7.     watch:{ 
  8.         type(val, odlval){ 
  9.             console.log(val); //监听到变化了
  10.         },

watch还可以监听到具体变化前后的值val、oldval， 但是computed不行 ，只能监听到变化。

发表评论

表情：
评论列表 （有 0 条评论，71人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Vue computed，watch本质区别

    > 今日项目需要一个详细的权限配置，如：路由权限，页面tabs权限，操作权限；而路由权限大都知道就不赘述，而操作权限这就涉及页面中每个按钮了，这里使用VUEX进行管理 1.

    小灰灰小灰灰/ 0 赞/ 116 阅读