vue笔记5——用vue-cli开发第一个项目

构建一个简单的vue导航栏菜单实例

1、新建组件文件夹(pages)及文件(index、userCenter、userInfo)

index.vue代码

userCenter.vue代码:

userInfo.vue代码:

2、在路由配置文件中,导入新建的组件(index.js我们不用了)

3、在项目入口App.vue中建立导航栏

4、修改main.js

import router from './router'

改为import router from './router/router.js'

5、到文件目录下运行npm run dev

posted @ 2018-03-08 20:03  endlessmy  阅读(109)  评论(0编辑  收藏  举报