有没有更好的方法或在 vue.js 中导入 mixins

Question

我在我的项目中创建了很多 mixins，现在我要做的是将所有 mixins 导入 mixins/index.js 文件，并在任何需要的组件或页面中导入这些 mixins 从 mixins/index.js.

现在我怀疑做 show 时我会导入所有不需要的 mixins 还是只导入我使用的 mixins 文件？

假设我在 mixins/index.js

中创建并导入了这些 mixim

import a from 'mixins/a.js'
import b from 'mixins/b.js'
import c from 'mixins/c.js'
import d from 'mixins/d.js'
import e from 'mixins/e.js'

export {
  a,
  b,
  c,
  d,
  e
}

现在让我在 'x' components 中说我将导入 'a' mixins。

import { a } from 'mixins/index.js'

export default {
  mixins: [a]
}

在这种情况下，我的 'x' components 中只需要 'a' mixins，但是因为我是从 mixins/index.js 导入的，所以我有所有混合的所有静态导入，这将加载不需要的混合作为嗯？

Answer 1

import { a } from './mixins' 将仅导入请求的模块，但如果您这样做：

import * as mixins from './mixins'

然后

mixins:[mixins.a]

这将按照说明导入所有模块here

Answer 2

您可以这样做，导入所有 minmins 文件，然后导出索引中的 minmin 文件，如下所示：

index.js

import a from '../mixins/a.js'
import b from '../mixins/b.js'
import c from '../mixins/c.js'
import d from '../mixins/d.js'
import e from '../mixins/e.js'

export {a, b, c, d, e}

然后在你的组件中，你可以通过这种方式导入在索引中导出的特定模块：

x分量

import {a, b} from "../mixins"

通过这种方式，您只导入需要的内容，而不是所有 index.js 模块

有没有更好的方法或在 vue.js 中导入 mixins

Is there any better way or importing mixins in vue.js

javascript

vue.js

mixins