vue watch监听子组件内数据变化

mounted () {
this.$watch(
        () => {
            return this.$refs.<name>.<data>
        },
      (val) => {
        alert('$watch $refs.<name>.<data>: ' + val)
      }
    )
}

通过$watch可以从父组件里监听子组件内数据变化, 但注意只能监听$watch $refs.<name>.<data>, 而不能直接监听$refs.<name>或$refs

this.$watch 需写在mounted里, 因为这时$refs指向的子组件才加载完成并能够获取到,

而这也是为什么不用watch(){}, 而用this.$watch的原因

参考: vm-watch