创建Vue全局组件

一、创建组件

二、在main.js中引入组件

三、在其他组件中使用

心得：

在学习Vue的过程中遇到了创建全局组件，在学习完成后再此记录一下，也希望可以帮助到其他正在学习Vue的朋友们。同时本文也可能存在一些不足之处，都提出来，一起讨论下。

这个全局组件的也是基于Vue脚手架的，如果还有不会Vue脚手架的可以阅读下面这篇文章：

https://blog.csdn.net/wulala_hei/article/details/80488674

一、创建组件

这个就是和创建一个普通的组件是一样的

---

二、在main.js中引入组件

首先在src下找到我们的main.js

打开main.js后首先要通过import建组件引入进来：

这里要注意的就是后面的路径一定要写对！！！

然后再通过Vue.component，设置引入组件的全局组件名：

这里要注意的就是：加上单引号的是你命名的全局组件名可以随意命名，后面的就是你引入的组件名，二者要保持一致。

---

三、在其他组件中应用

完成上面两步后，最后一步就比较简单了。只要使用上面命名的全局组件名就可以了。

---

总结：

这样我们便完成了全局化组件的创建，第一次写博客，希望可以帮助到其他人，也希望自己可以坚持下去。希望的可以给个赞哦。