如何在vue中正确存储非反应性和静态数据

Question

向社区致以问候！这是我关于StackOverflow的第一个问题。

我使用vue.js-v2和webpack。我需要为子组件提供不可变的数据。这些组件是通过vue路由器加载的。不同的页面需要相同的数据。

我从JSON文件导入数据，并将其集成到vue中；main.js"：

//main.js
import Vue from 'vue'
import ...
import myData from './path/file.json' // [{},{},{}...]
Vue.prototype.$storage = myData
new Vue({ router, .....

然后我在不同的组件中使用类似的东西：

//pageX.vue
...
this.componentVar = this.$storage.filter((x) => x.name === 'needName')

不知怎么的，它起作用了。我担心我做的事情是否正确。我害怕在组件或类似的东西中复制数据，因为我对javascript的了解很糟糕：(

Answer 1

您必须使用Vuex来存储数据。。无论应用程序的状态是否不变，都必须有一个绝对的真相来源，与vuex相比，没有其他选择可以在这种情况下帮助你