如何監視vuex中state的某個狀態的變化

監視vuex，state中某個狀態的變化

1. 解決問題的思路是通過 vue 的 computed計算屬性將state中要監視的數據取出來，然後通過 watch監視屬性監視其變化，以實現某些操作
2. 如我們要監視 state中 的 todos，當todos發生變化時將它更新到本地存儲就可以通過下面的代碼來實現

computed: {
    todos() {
        return this.$store.state.todos;
    }
},

 watch: {
    // 監視todoListModule.todos，當發生變化時將todos重新寫入本地存儲
    todos: {
        deep:true,
        handler(value) {
            window.localStorage.setItem('todos_key', JSON.stringify(value));
        }
    }
}