vue-router用法

vue 路由

路由点击跳转不会页面刷新，可以保留数据

1. 安装vue-router:npm install vue-router --save-dev

2. 在main.js 引入路由模块

   
   image
   image

localhost:8080/#/需要定义为localhost:8080/：mode:'history'

4.在app.vue中自定义视图

image

3.在app.vue中自定义导航栏
使用a标签会刷新页面，用router-link代替

image