码迷,mamicode.com
首页 > 其他好文 > 详细

分离导航模块

时间:2017-10-18 13:14:42      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:page   style   png   src   span   引入   div   分离   vue   

 

1、在src 下面的 pages下面新建一个Nav.vue文件,并写入

技术分享

2、到App.vue文件中剪切

技术分享

 

3、在Nav.vue中用剪切的代码替换类名是replace的div

4、再去App.vue中剪切跟类名nav相关的样式


5、在App.vue中导入该组件

               import navw from ‘@/pages/Nav‘


6、在App.vue的组件中引入该组件

技术分享

7、然后模板中呈现

技术分享

分离导航模块

标签:page   style   png   src   span   引入   div   分离   vue   

原文地址:http://www.cnblogs.com/tenro/p/7686006.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!