概述
vue组件有两种，一种是全局组件，一种是局部组件。整个项目经常用到的用全局写法，用到比较少的专供特定页面用的使用局部组件。
1. 全局组件
（1）位置
放在main.js文件中
（2）步骤
- 定义：components文件夹下定义组件（一般components文件夹下放全局组件，pages文件夹下放局部组件）
- 引入：main.js文件中import引入组件
- 注册：main.js文件中使用下面方式注册组件
Vue.component(全局组件的名字, 那一个组件); - 使用：在其他组件中可直接使用，不用引入，也不用注册！
2. 局部组件
（1）位置
放在任意组件中，也可在app.vue——root组件中使用局部组件。
（2）步骤
- 定义：pages文件夹下定义组件
- 引入：vue文件的js部分中import引入组件
- 注册：在vue文件的js代码部分的
export default{}中的components属性中注册 - 使用：在当前组件中使用
参考：https://blog.csdn.net/ywl570717586/article/details/79984909
3. 尚品汇定义全局组件举例：
https://www.yuque.com/u22137022/mxlsc1/lb850b
最后
以上就是无辜汽车为你收集整理的六. vue中的全局组件和局部组件的全部内容，希望文章能够帮你解决六. vue中的全局组件和局部组件所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复