当前位置:首页 » 《随便一记》 » 正文

一步操作实现多个Vue组件全局注册_SunFlower914的博客

16 人参与  2022年05月31日 09:44  分类 : 《随便一记》  评论

点击全文阅读


需求:将src/components/lib文件夹下所有.vue文件注册为全局组件

 

 

1.src/components/lib下创建index.js文件,代码:

export default {
  install(Vue, options) {
    // 1.读取lib文件夹下的文件
    // const req = requeire.context('路径', 是否读取子文件夹, /正则匹配/)
    const req = require.context('./', false, /\.vue$/)
    // req是一个function函数(传入读取文件路径后可导入文件)
    req.keys().forEach((item) => {
      console.log(req(item).default)
      // req(item).default==导入了该文件路径
      const com = req(item).default
      // 全局注册
      Vue.component(com.name, com)
    })
    console.log(options)
  }
}

2.main.js中导入文件并通过use注册

// 注册全局的组件
import libJs from '@/components/lib/index.js'
Vue.use(libJs)


点击全文阅读


本文链接:http://m.zhangshiyu.com/post/41067.html

文件  全局  导入  
<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 秦见鹿谢梵声(我在回忆里万劫不复结局后续+番外)完结_(秦见鹿谢梵声)列表_笔趣阁(我在回忆里万劫不复结局后续+番外)
  • 秦见鹿谢棠梨谢梵声(谢梵声秦见鹿谢棠梨结局+番外)结局_(秦见鹿谢棠梨谢梵声谢梵声秦见鹿谢棠梨结局+番外全书结局)结局列表_笔趣阁(秦见鹿谢棠梨谢梵声)
  • (番外)+(结局)秦见鹿谢梵声(我在回忆里万劫不复结局后续+番外)_(秦见鹿谢梵声)列表_笔趣阁(我在回忆里万劫不复结局后续+番外)
  • 与卿知全书+后续+结局(沈蕴萧岐)列表_与卿知全书+后续+结局(沈蕴萧岐)与卿知全书+后续+结局在线
  • [山雨欲来风满楼]最新章节在线阅读_梁诗予顾念安江以川小说精彩节选试读
  • 爱到最后是放手结局+番外+后续(苏南星沈叙白)全书免费_(苏南星沈叙白)爱到最后是放手结局+番外+后续后续(苏南星沈叙白)
  • 姜栀的他的月光永远西沉精心打造姜栀季柏燃全书在线
  • 爱已成灰情深绝节选高光片段速递‌_纪修宴宋韵小悦后续已完结
  • 重生后我放弃成为护国公主,书遥苏月心番外+完结书遥
  • 重生后我放弃成为护国公主,书遥苏月心_重生后我放弃成为护国公主,书遥苏月心
  • 往梦难复温在线品鉴(沈淮霆宋思予)_往梦难复温在线品鉴(沈淮霆宋思予)
  • [be后我成了女友的白月光]小说精彩章节试读_「陆千屿别庄连闯」完结版全文

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1