Vue篇之Vue.router路由篇

1.路由安装

npm install vue-router

如果在一个模块化工程中使用它，需要用use调用

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

Vue.use(VueRouter)

2.命名路由

const router = new VueRouter({

　　routers: [

　　　　{

　　　　　　path:'/',

　　　　　　name:'首页',

　　　　　　components:组件名(比如home，是home.vue的组件名),

　　　　　　meta:[{},{}] //路由元信息，定义路由的时候可以配置 meta 字段

　　　　}

　　]

})

3.嵌套路由

 

4.编程式导航

router.push()

5.动态路由匹配之捕获404 Not Found 路由

常规参数只会匹配被  / 分隔的URL片段中的字符。如果相匹配任意路径可以使用通配符（*）

{

　　//会匹配所有路径，一般用于捕获404页面，一般都是写在所有路由的最后一项，当前面的路由都匹配不到时，说明路由错误，跳转404 not found page

　　path:'*'

}