Javascript 有没有可能；手表；Vuex模块？

我已将单个模块导入到

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

，但我需要在更改任何参数时执行操作，它应该带有deep标志。例如：

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
        }
}

---

它应该是深国旗。例如：

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
        }
}