如果我与 js 文件中的所有组件共享配置数据可以吗？答案

【问题标题】：Is it ok if I share config data with all components from a js file?如果我与 js 文件中的所有组件共享配置数据可以吗？
【发布时间】：2019-09-24 06:13:00
【问题描述】：

我有配置数据，它会同时影响每个组件的状态。

所以，我从同一个 js 文件中导入该配置对象，并在组件的数据中使用它。

看起来不错，如果我从它的原点更改配置，所有组件都会动态更改它们的视图。

但是，我在任何其他项目中都找不到这种方式，这似乎不正常。

如果我继续这样做，会不会出现任何问题？

配置数据：

export default {
  status: {
    name: 'xxx',
    sex: 'male'
  }
}

所有组件：

import config from './config'

data() {
  return {
    config
  }
}

如果我从这些组件中的任何一个触发此方法，所有组件都会改变：

methods: {
  setUser() {
    this.config.state.name = 'yyy'
  }
}

感谢阅读。

【问题讨论】：

【解决方案1】：

根据项目要求而有所不同。但是，查看您的需求，您需要访问每个组件中的数据，而不是某些组件中的数据。在这种情况下，您可以配置一个将在所有组件中调用的中间件。

使用中间件将使您不必在每个组件中导入配置。

如果您只想在某些组件中调用它们，则可以配置mixins 或plugins。

为此提供答案似乎是一个广泛的帖子。我希望你能找到有用的资源来学习和使用它们。但是，这里有一篇很好的文章，它将解释何时使用组件、mixin 和插件：

【讨论】：

【解决方案2】：

使用这种方式没有任何问题。但是您可以使用 vuex 进行状态管理并遵循 redux 模式。 ?。

【讨论】：