vue全局注册组件
在components文件夹下新建index.js文件@/components/index.jsimport Vue from 'vue'// require.context 是webpack的一个apiconst req = require.context('./', true, /\.vue$/)// 全局注册req.keys().forEach((element,index) => {
·
在components文件夹下新建index.js文件
@/components/index.js
import Vue from 'vue'
// require.context 是webpack的一个api
const req = require.context('./', true, /\.vue$/)
// 全局注册
req.keys().forEach((element,index) => {
let name = element.replace(/(\.\/)|(\.vue)/ig, '')
Vue.component(`${name.split('/')[name.split('/').length - 1]}`, req(element).default)
})
main.js文件下引用
import './components/index' // 自动注册全局项目组件
这样就实现了 components下面所有vue组件自动注册了,局部就不需要再次引用注册了。
更多推荐
已为社区贡献3条内容
所有评论(0)