使用computed和watch实现子组件监听父组件的变量变化

时间：2019-11-12 10:55:44 阅读：293 评论：0 收藏：0 [点我收藏+]

在vue项目中运用组件简直是家常便饭了，但是一层一层的组件嵌套也会出现一些问题，比如父组件值的改变不会引发子组件的改变，这时候就需要子组件主动的去监听父组件的变化了

这个时候就需要用到computed这个属性，注意在这里面要监听的变量不能在data中声明，然后绑定到子组件中传递下去

computed:{
    lists:function(){
      return this.$store.getters.isShow.list 
    },
}

- 如果在自己的组件中需要监听值的变化，就使用watch,只要值有变化就会触发这里面的handler函数，这个值是可以在data中声明的

watch:{
    index:{
      handler(index){
          console.log(index)
      }
    }
  }

不得不说这个真的很好用hhh

原文：https://www.cnblogs.com/fdd-111/p/11839892.html

踩

(0)

评论一句话评论（0）

分享档案

更多>