六. vue中的全局组件和局部组件

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