javascript - 如何查看组件内的 Vue 实例属性？

Question

我有一个插件可以为 Vue 实例添加一些属性。
然后我可以使用 this.$plugin.prop 在组件内部访问这个属性。我如何观察它的变化？我需要根据 this.$plugin.prop 值在组件内部做一些事情，但 watch 或 this.$watch 都不适合我。我认为这是因为 watch 在组件上下文中工作，所以我无法监视组件外部的变量，例如

    mounted() {
        this.$watch('$plugin.prop', val => console.log(val));
    }

不起作用。
实现这一目标的正确方法是什么？

Answer 1

代替 mounted() 尝试

watch: {
   '$plugin.prop': function(value){
      console.log(value);
    }
}

Vue docs 中关于观察者的官方文档