使用computed和watch實現子組件監聽父組件的變量變化

在vue項目中運用組件簡直是家常便飯了，但是一層一層的組件嵌套也會出現一些問題，比如父組件值的改變不會引發子組件的改變，這時候就需要子組件主動的去監聽父組件的變化了

這個時候就需要用到computed這個屬性，注意在這里面要監聽的變量不能在data中聲明，然后綁定到子組件中傳遞下去

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

- 如果在自己的組件中需要監聽值的變化，就使用watch,只要值有變化就會觸發這里面的handler函數，這個值是可以在data中聲明的

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

不得不說這個真的很好用hhh