vue2.0 创建全局组件
首先先搭建一个vue-cli项目
![](https://img.haomeiwen.com/i11080750/dadfd3e45b6a4244.png)
- 搭建后的项目目录
![](https://img.haomeiwen.com/i11080750/24fa787dbba7e9cb.png)
在components文件中创建组件和全局组件
![](https://img.haomeiwen.com/i11080750/554bc37a6d476b72.png)
编写和注册全局组件
-
编写datalist里面的vue文件
vue文件
-
编写datalist里面的index文件
index.js
-
在main.js中注册全局组件
![](https://img.haomeiwen.com/i11080750/aa4f0bacc035a908.png)
使用全局组件
![](https://img.haomeiwen.com/i11080750/080d1c47c68e933b.png)
首先先搭建一个vue-cli项目
在components文件中创建组件和全局组件
编写和注册全局组件
编写datalist里面的vue文件
编写datalist里面的index文件
在main.js中注册全局组件
使用全局组件
本文标题:vue2.0 创建全局组件
本文链接:https://www.haomeiwen.com/subject/pmtopftx.html
网友评论