当前位置: 首页 > Web前端 > vue.js

Vue自动注册自定义组件统一前缀

时间:2023-03-31 16:10:05 vue.js

.development{显示:flex;弹性方向:列;证明内容:居中;对齐项目:居中;宽度:100%;高度:400px;//位置:绝对;//前10名%;跨度{颜色:#c2cee5;字体大小:12px;}}在main.js中注册组件//注册并命名以DIY开头的自定义组件importdiyComponentsfrom'@/components'Vue.use(diyComponents)在components文件夹下添加index.js,核心代码如下://注册和name以DIY开头的自定义组件exportdefault{install(Vue){constcomponentsContext=require.context('@/components',true,/\.vue$/)componentsContext.keys().forEach(component=>{constcomponentConfig=componentsContext(component).defaultif(componentConfig.name&&componentConfig.name.indexOf('DIY')===0){Vue.component(componentConfig.name,componentConfig)}})},}在components文件夹下添加components文件夹下的组件Wait,添加文件夹Wait,然后添加Wait.js//Wait.js.development{显示:flex;弹性方向:列;证明内容:居中;对齐项目:居中;宽度:100%;高度:400px;//位置:绝对;//前10名%;跨度{颜色:#c2cee5;字体大小:12px;}}使用组件时,