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

Question

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

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

看起来不错，如果我从源头更改配置，所有组件都会动态更改它们的 View 。

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

如果一直这样，会不会出什么问题？

配置数据:

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

所有组件:

import config from './config'

data() {
  return {
    config
  }
}

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

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

感谢阅读。

Answer 1

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

使用中间件将使您受益，而不是在每个组件中导入配置。

如果你只想在某些组件中调用它们，那么你可以配置 mixins或 plugins .

为此提供答案似乎是一个广泛的帖子。我希望您能找到有用的资源来学习和使用它们。然而，这里有一本很好的读物，它解释了何时使用组件、混入和插件:

component vs mixins vs plugins