Vue子组件监听props值的变化

Question

子组件设置如下 props的值是currentPage

<black-list @invalid="invalidBlackList" @dataLoading='loadData' :pageNo='currentPage' ></black-list>

当currentPage发生变化的时候 监听子组件中的数据却没有触发 这是什么原因呢？

wacth:{
    pageNo:{
      immediate:true,
      handler:function(){
        console.log('hello world')
     }
    }
  }

Answer 1

wacth ------> watch

Answer 2

你的pageNo是一个对象的话，需要监听这个对象属性的值变化才可以。

比如pageNo下面有一个属性叫flag,则可以这样监听：

 watch: {
    'pageNo.flag'(){
      console.log(new Date());
    }
  }