Vueでpropsの変更を検知する方法
今回はpropsで受け取る変数をhogeとします。
// ・・・省略・・・
props: ['hoge']
// ・・・省略・・・
watchを使い、hogeが変更された場合にその変更を検知できます。
// ・・・省略・・・
watch: {
hoge: function(newHoge, oldHoge){
console.log('hogeが'+oldHoge+'から'+newHoge+'に変更されました';
}
}
// ・・・省略・・・
functionの引数はそれぞれ次の内容になります。
- 第一引数・・・変更後のhoge
- 第二引数・・・変更前のhoge