vue-cli框架04

npm install vue-router --save

在根目录下下新建文件夹 router/index.js

文件中引入模块

import Vue from 'vue'
import VueRouter from 'vue-router'

 

在main.js里引用。然后在vue里挂载。一定要挂载才有用。

我第一次就是忘记了。页面一片空白。浏览器报错匹配不到

 

 

 

 然后在页面使用这个。

routers的配置。redirect重定向。可以用来设置默认页面。或者404.

children用于页面嵌套时使用的路由

 

 

这个路由规则是。

在页面启动时进入默认主页面。比如这个地址http://172.16.170.131:8080/#/

启动页面挂载的是app.vue组件。那么app页面加载。碰到<router-view/>拿到页面地址‘/’。去routers里匹配到的是redirect

那么页面路由修改成/index。重新匹配。匹配到component是index.

index是你在页面引入的组件。

 

 

那么就把页面写<router-view/> 的地方换成Index组件。

如果你的index组件里又有路由的话。