作成/マウントされたメソッドがまだ終了していない間、vue.jsウォッチャーを無効にする方法はありますか？

Question

ウォッチャーを無効にしたいので、がまたはがマウントされたときに特定のウォッチャーを起動させないでください。を完了してから有効にしてください。これを達成するための適切な方法は何ですか？

Answer 1

あなたがしていることを見ずに、あなたが達成しようとしていることを正確に知ることは非常に難しいです。一般的には、自分でwatchersを処理するべきではないので、コードを見て、より良い解決策があるかどうかを調べる価値があります。

new Vue({ 
    el: '#app', 
    created() { 
    // this won't fire the watcher as it hasn't been applied yet 
    this.foo = 'foo' 
    }, 
    mounted() { 
    // Apply watcher after all other initialization is done 
    this.applyFooWatcher() 
    }, 
    methods: { 
    applyFooWatcher() { 
     this.$watch('foo', function(newVal, oldVal) { 
     console.log('Foo changed from ' + oldVal + ' to ' + newVal); 
     }); 
    } 
    }, 
    data: { 
    foo: '' 
    } 
}) 

ここ

だJSFiddle：https://jsfiddle.net/fo0vmxf6/

ということで、あなたが他の initialisedすべてを持った後、あなたは mountedフックの内側にそれを行うことができ、 watcher実行時に適用することが可能です