[英]How to properly store non-reactive and static data in an vue?
向社区问好。 这是我在 StackOverflow 上的第一个问题。
我使用 vue.js-v2 和 webpack。 我需要为子组件提供不可变数据。 组件通过 vue-router 加载。 不同的页面需要相同的数据。
我从 JSON 文件导入数据,并使用“main.js”将其集成到 vue 中:
//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 的了解令人遗憾:(
您必须使用 Vuex 来存储该数据.. 应用程序的 state 是否具有单一的绝对事实来源,在这种情况下,与 vuex 相比,没有其他选择可以帮助您
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.