コンポーネント内のVueインスタンスプロパティを監視する方法は？

Question

私はVueインスタンスにいくつかのプロパティを追加するプラグインを持っています。
次に、this.$plugin.propを使用してコンポーネント内のこのプロパティにアクセスできます。どのように変更を監視できますか？私はthis.$plugin.prop値に基づいてコンポーネント内で何かする必要がありますが、watchまたはthis.$watchのどちらも私のために働いていません。私は、変数外のコンポーネントを監視することはできませんので、私は動作しない例

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

のために、コンポーネントのコンテキストでその理由watch作品を想定しています。
これを達成する正しい方法は何ですか？

Answer 1

あなたは代わりにそのように計算されたプロパティを使用することがあります。

computed: { 
    pluginChanged() { 
     console.log(this.$plugin.prop.val); 
     return this.$plugin.prop.val; 
    } 

は、計算されたプロパティhereについては、こちらをご覧ください。

Answer 2

代わりのmounted()あなたは、コンポーネントのデータモデルの小道具の参照をプラグイン店にしようとした後、コンポーネントのデータモデルから、そのプロパティを見ることができます

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