自定义vue组件时，一般是以局部引用的方式载入。需要导入时，通过import moduleName from ‘module’引入，并在components中注册。但是如果某个组件使用频率非常高，那么每都要导入，也会显得很繁琐。这种情况下就可以将其设置为全局组件，官方文档中是通过webpack的require.context来全局注册这些通用的基础组件，但是这里我们将会使用另外一种方法来创建并使用全局组件。
工具/原料
1
vue2.x
2
vscode
方法/步骤
1
首先新建一个文件夹，用来存放需要注册的全局组件。然后写好你需要全局引用的组件，这里我写的是一个全局引用的印章组件。
2
然后创建一个index.js文件，并将需要注册的组件通过import导入。
3
接下来声明一个对象，命名随意，但是待会导出的时候也要以改对象名导出。对象里写有一个install方法，该方法会全局注册你需要的组件。
4
如果有多个组件需要一同全局注册，那么就需要全部import进来，然后全部写在该方法里面。如下图所示。
5
接下来在main.js中，导入并注册刚才写好的全局组件，这样就将组件全局引用成功了！
6
最后，在需要使用的组件当中，只用应用刚刚注册好的全局组件即可。
注意事项
不要滥用全局注册，否则会造成代码维护上的困难，毕竟其他人阅读你的代码时，突然冒出来一个不认识的组件，而他又无法找到你是在何处import的，是一种很不好的体验。
上一篇：PS基础教程02——认识图层
下一篇：怎么从阅读的爱好上看性格