是否可以“觀看” Vuex模塊？

Question

我將單個模塊導入到Vuex存儲中：

import date from './modules/date-select';

export default new Vuex.Store({
    modules: {date},
});

是否有可能以某種方式“監視”整個模塊的組件？ 就像是：

import { mapState  } from 'vuex';

export default {
    computed: {
        ...mapState(['date'])
    },

    watch: {
        'date': function(date) {
            console.log(date)
        }
    }
}

它像我嘗試觀察模塊的特定屬性（例如date.timeframe或date.interval一樣date.timeframe ，但是我需要在更改任何參數時執行操作

Answer 1

它應該帶有深標記。 例如：

watch: {

    people: {
          handler: function (val, oldVal) {
            // Return the object that changed
            var changed = val.filter( function( p, idx ) {
              return Object.keys(p).some( function( prop ) {
                return p[prop] !== oldVal[idx][prop];
              })
            })
            // Log it
            console.log(changed)
          },
          deep: true
        }
}