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));