vueデータリスニング

データリスニングについては、vueはwatchとcomputed(計算プロパティ)の2つの方法を提供します.
watch
一般的な使い方

watch:{
    id(newVal,oldVal){
        // do somethings ...
    }
}

しんそうかんし

//     ，      、     
watch:{
    obj:{
        deep: true, //           
        immediate: true, //     
        handler: (newVal, oldVal) => {
            // do somethings ...
        },
    }
}

ライフサイクルの組み合わせ

//                    ， watch                                  
mounted(){
    this.$watch('obj', (newVal,oldVal) => {
        // do somethings...
    }, { deep: true, immediate: true })
}

computed(計算プロパティ)と組み合わせてvuexの変化を傍受する

watch:{
    nodesList: {
        immediate: true,
        deep: true,
        handler (val) {
            // do somethings...
        }
    },
},
computed:{
    obj() {
        return this.$store.state.obj
    },
}