Javascript Vue.js devtool更改未显示

我目前正在Vue组件中使用moment.js，但我没有看到Vue devtools中出现某些更改

我的例子是：

export default {
    data() {
        return {
            moment: moment(),

        };
    },
    methods: {
        prevMonth() {
            this.moment.subtract(7, 'days');
        },
        nextMonth() {
            this.moment.add(7, 'days');
        }
    }
};

我猜这与我调用矩数据属性的方法，而不是像数字一样直接操作它有关。类似的示例非常有效，并在vue devtools中更新了我的计数：

export default {
    data() {
        return {
            count: 0,

        };
    },
    methods: {
        prevMonth() {
            this.count--;
        },
        nextMonth() {
            this.count++;
        }
    }
};

---

有没有办法强制vue devtools以任何方式重新加载或显示我的更改？

vue无法检测到对象内部的某些更改，请阅读官方文档以更好地了解它

我认为最简单的方法就是在你的

prevMonth

/

nextMonth

方法中从你现有的日期中创建一个新的日期，并将其分配给

this.moment

，如下所示：

prevMonth() {
    this.moment = moment(this.moment).subtract(1, 'month');
},

请参阅。

可能的副本