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

唐伯虎点蚊香
  • 384

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

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

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

回复
阅读 397
1 个回答

// 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')
你知道吗?

宣传栏