vue中的watch监听，除了监听data中的数据，还能监听哪些？

Question

vue中的watch监听，除了监听data中的数据，还能监听哪些？监听计算属性也是合理的吗？今天碰到个需求在子组件中返回给父组件中当前子组件中展示的按钮个数，如果按钮个数为零就隐藏父组件中的一个div,子组件中展示的按钮个数是从props传过来的，现在的做法是

   computed: {
      btnGroups () {
        ……
      }
   },
    watch: {
        btnGroups: {
          handler (val) {
            this.$emit('showBtnGroups', val.length)
          },
          deep: true,
          immediate: true
        },
    }    

这种写法是合理的吗?这种抛出事件的写法是否可以写在其它地方呢？

Answer 1

watch 可以侦听 data、props、computed、$emit。