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

论如何自动注册全局组件_AI_huihui的博客

8 人参与  2022年04月21日 10:35  分类 : 《随便一记》  评论

点击全文阅读


在components中创建lib文件夹

index.js:

export default {
  // 通过Vue.use调用相应的方法对象,调用它的install方法
  install(Vue, options) {
    // 自动全局注册组件
    // 1.读取lib文件夹下的文件
    // const req=require.context('路径','是否读取子文件夹','正则匹配')
    const req = require.context('./', true, /\.vue$/)
    // req 是一个function函数(传入读取文件路径后可导入该文件)
    // 该函数有一个keys()该方法能返回所有读取的文件的路径
    // 2.拿到读取文件的路径
    // 3.导入处理
    req.keys().forEach((item) => {
      // console.log(req(item).default)
      // req(item).default可以理解为导入了该路径文件
      const com = req(item).default
      // 全局注册
      Vue.component(com.name, com) // 第一个参数:组件名称,第二个参数:要注册的组件
    })
    // console.log(req.keys(), 'keys')
    // console.log(options, 'options')
  }
}

在main.js引入

import libJs from '@/components/lib/index'
Vue.use(libJs, '全局注册')

lib下的公共组件 

export default {
    // 必须拥有name名
    name: "HelloWorld",
}

 然后就可以直接使用啦

<template>
    <HelloWorld />
</template>

点击全文阅读


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

路径  读取  文件  
<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

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

最新文章

  • 拍卖会点天灯后,男友拍卖我365张私房照新上(林书雅秦斯年)_拍卖会点天灯后,男友拍卖我365张私房照新上
  • 完结文人面桃花长相忆全章+结局列表_完结文人面桃花长相忆全章+结局(阮雾梨闻砚辞)
  • 等风等雨等不到你+后续+结局(夏语栀祁墨寒)列表_等风等雨等不到你+后续+结局(夏语栀祁墨寒)等风等雨等不到你+后续+结局在线
  • 拍卖会点天灯后,男友拍卖我365张私房照潜心更新林书雅秦斯年完本_拍卖会点天灯后,男友拍卖我365张私房照潜心更新(林书雅秦斯年)
  • [离婚倒计时,帝国上将夜夜叼我回巢]全文免费无弹窗阅读_笔趣阁_[陆之澄陆之橙雷邵川]限时免费完整章节
  • 重生七零,二婚高嫁冷面军官后续在线阅读_张云英卫刚章节悬念抢先解锁‌
  • 等风等雨等不到你夏语栀祁墨寒精选作品之一_等风等雨等不到你夏语栀祁墨寒精选作品之一
  • 全书浏览重生继母黑化,我掀翻白眼狼全家(谢怡柔林婉棠)_重生继母黑化,我掀翻白眼狼全家(谢怡柔林婉棠)全书结局
  • 「庶民崛起」精彩节选试读_「石毅王知娇」全章节免费阅读
  • 看不惯我单身的姑姑必读文(),看不惯我单身的姑姑必读文
  • 爱如烟花,绚丽滑落最新章节列表_姜莱盛哥许岸完整版在线阅读
  • 妈妈生日那天,我送了一个骨灰盒隐藏结局_「妹妹小满林月」全文在线阅读

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

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