vue3全局组件自动注册功能如何实现


这篇文章主要介绍了vue3全局组件自动注册功能如何实现的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue3全局组件自动注册功能如何实现文章都会有所收获,下面我们一起来看看吧。第一步:建文件需要在src/components 下创建一个文件夹用于存放封装的公共组件(这里我起名叫coms)需要在src/components 下创建一个js文件用于存放引入组件并注册(这里我起名叫Index.js)第二步:写函数在coms中建文件夹,将组件放入这个文件夹,此文件夹的名字就是我们将要注册组件的名字。在Index.js中写入以下工具函数:注意:这里我没有用 defaultObj.__file 来取免费云主机域名文件路径,是因为生产环境下__file属性会被删除,会导致如下报错第三步:导入文件在main.js中导入工具函数并挂载到app中第四步:全局使用到这一步就可以全局用我们定义好的文件名作为组件名了。ps:vue2其实也大差不差,就是吧app.use()改成了 Vue.use()例如组件使用频率非常高,几乎每个页面都在使用便可以封装成全局组件在main.ts 引入我们的组件跟随在createApp(App) 后面 切记不能放到mount 后面这是一个链式调用用其次调用 component 第一个参数组件名称 第二个参数组件实例使用方法直接在其他vue页面 立即使用即可 无需引入遇到要注册很多个全局组件时,可以定义中间件,让中间件去完成组件注册,然后main.js再引入使用这个中间件在src/components中新建index.ts用来将所有需要全局注册的组件导入✨: 如果使用的是JS可以删除类型校验2. 在main.ts中导入✨这里使用循环的方式, 将每个全局组件进行注册3. 如果使用TS编写,还需要在和main.ts同级的目录, 创建一个components.d.ts, 用来处理组件引入报错的问题和添加组件类型提示4. 最后直接导入即可关于“vue3全局组件自动注册功能如何实现”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“vue3全局组件自动注册功能如何实现”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注百云主机行业资讯频道。

相关推荐: Java中捕获线程异常的方式有哪些

这篇文章主要介绍“Java中捕获线程异常的方式有哪些”,在日常操作中,相信很多人在Java中捕获线程异常的方式有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Java中捕获线程异常的方式有哪些”的疑惑有所帮助!接下来,请跟着…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 03/10 16:14
Next 03/10 16:14

相关推荐