vue里怎么批量注册自定义指令和过滤器？

  • Z时代
  • 2024-02-22
  • 分类：IT

vue里怎么批量注册自定义指令和过滤器？

比如每个自定义指令或者过滤器都是放在一个js文件里，把每个都import进来注册，少了还好，多了就很难看了，还麻烦。

我知道批量注册全局自定义组件的时候有使用require.context遍历文件名引入的方式，很方便。

请问自定义指令和过滤器有类似的方法来自动批量注册吗？求教

回答：

// directive.js

import Permission from './permission'
import Copy from './Copy'
const directives = [
  Permission,
  Copy
]
export default {
  install(app) {
    directives.map(item => item.install(app))
  }
}

// main.js

import directive from '@/directive'
const app = createApp(App)
// 挂载全局指令
app.use(directive)
app.mount('#app')

以上是 vue里怎么批量注册自定义指令和过滤器？ 的全部内容， 来源链接： utcz.com/p/935734.html

回到顶部