1.生成vue2版本仓库
npm create vue@legacy
![](https://img.haomeiwen.com/i4280429/49184ef8a9583fa1.png)
2.在index.vue根组件中注入想要展示的组件
![](https://img.haomeiwen.com/i4280429/f8cadaa1ba4cd39d.png)
3.需要在创建一个新的组件同时展示在跟组件中
(1)生成一个文件夹header,下面新建一个header.vue组件
![](https://img.haomeiwen.com/i4280429/90c7703db0986fea.png)
(2)在根组件中注册
![](https://img.haomeiwen.com/i4280429/c1d643019298a23f.png)
(3)可做可不做,在路由中增加路由跳转(后期可能有用到)
![](https://img.haomeiwen.com/i4280429/17221c82c0010b70.png)
到这里,vue2创建新组件并显示就可以实现了。
1.生成vue2版本仓库
npm create vue@legacy
2.在index.vue根组件中注入想要展示的组件
3.需要在创建一个新的组件同时展示在跟组件中
(1)生成一个文件夹header,下面新建一个header.vue组件
(2)在根组件中注册
(3)可做可不做,在路由中增加路由跳转(后期可能有用到)
到这里,vue2创建新组件并显示就可以实现了。
本文标题:vue2 创建新组件在根页面显示
本文链接:https://www.haomeiwen.com/subject/vngtgdtx.html
网友评论