说明:我使用的是HBuilder,软件能用就可以了
查看顺序是:index.html(入口文件)--->main.js----->App.vue(模板文件)可以看出能显示出欢迎页面,还有那个大V都在这里可以看到------>components/...(自定义组件)
![](https://img-blog.csdnimg.cn/20190813132923985.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21laWh1YXNoZW5n,size_16,color_FFFFFF,t_70)
组件嵌套方式:
1.注册全局组件
你得先在components下创建一个文件来自定义自己的组件,比如我的User.vue,内容如下所示
在main.js中引入组件文件,再定义全局组件,然后你就可以再App.vue中使用这个组件了
![](https://img-blog.csdnimg.cn/20190813134010739.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L21laWh1YXNoZW5n,size_16,color_FFFFFF,t_70)
2.局部组件
也可以直接再App.vue里引入组件文件,然后在compontens中定义组件,然后也可以正常使用