在开发中,经常需要将业务进行组件化,我们就需要去注册组件,下面列举几种常用的注册组件的方法 局部注册组件

1.首先需要将要注册的组件进行引入

2.在script标签中进行注册,注意:组件注册的名字和引入的名字需要保持一致即可进行简写

?3.在template标签中以html的标签格式进行使用

全局注册组件?

1.全局入口在main.js, 在new Vue之上注册

?

2.?将要注册的组件进行引入

3. 全局 - 注册组件 语法:Vue.component("组件名", 组件对象)?

?

4.?在template标签中以html的标签格式进行使用

使用Vue.use()来注册组件? 实现的原理： 1-需要传入一个参数：对象||函数2-对象中提供了一个install函数3-install函数有一个参数接受的是Vue

1.?在公共components文件的index.js中导出需要注册的组件

2.在公共components文件的index.js中导出需要注册的组件

3.在入口文件main.js中使用vue.use()进行注册

?

?如果使用的是函数的方法去注册的话 只需要将第一步进行修改即可

?

搭配webpack来批量注册组件?

1.?在公共components文件的index.js中导出需要注册的组件

?2.在入口文件main.js中使用vue.use()进行注册

?

注释:

使用这种方法去注册全局公共组件 可以减少一部分代码量和重复的导入与注册 一次注册 多次使用但是需要注意的是每一个组件的name都必须有 否则就会出现组件注册不了的情况?

?

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。