watch 初试

最新推荐文章于 2025-05-07 09:01:12 发布

慕醒_mx

最新推荐文章于 2025-05-07 09:01:12 发布

阅读量95

点赞数

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

本文链接：https://blog.youkuaiyun.com/moran_123/article/details/121149979

版权

javascript 专栏收录该内容

12 篇文章

订阅专栏

这段内容描述了如何在 Vue.js 中使用 `watch` 监听数据变化。当 `topiclength` 的值改变时，它会触发一个函数，执行相应的操作，例如收起或展开折叠面板。`watch` 是 Vue 中用于观察和响应数据变化的重要机制，确保视图能够及时更新以反映数据的最新状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  watch:{
    // 监听题目多少，变化调用函数收起打开折叠面板
   'topiclength': function(val){
     this.num++
     if(this.num != 1){
       console.log('num=',this.num,"val=",val);
     this.shrink()
     }
        console.log("topiclength监听",val);
      }
    
  },

TIPS:
（1） watch 和 methods 是一个等级（就是直接卸载script里面啦）
（2） ‘topiclength’：这是要监听的值，一定要加单引号
（3） ‘topiclength’: function(val){ } 这个是watch的格式之一，还有的可以自己设置方法名
（4）watch 适用于监听数据变化，监听的数据变化了才会调用function