Vue-导入外部JSON而无需重新加载

Question

每次更新JSON文件时都会重置反应性数据。

JSON文件是先前消息的数据库，该消息最初在created（）周期中一次加载：

created() {
     const database = require('../../db.json');
     this.messages = database.messages
},

在服务器端，所有新消息都会更新此JSON文件。但是，发生这种情况时，它将触发Vue应用程序中的新导入，并且数据值将被重置。

我只想加载一次导入此数据-有办法吗？

Answer 1

尝试制作database.messages的深层副本。

created(){
    ...
    this.messages = JSON.parse(JSON.stringify(database.messages));