Vue.js 路由

声明式导入

import Router from 'vue-router'

以 ES6 方式导入 vue 原生路由组件

插件安装

Vue.use(Router)

因为 vue-router 被定义为插件,所以在使用之前需要手动 Vue.use()一下
该操作必须发生在 Vue 对象实例化之前,多次 use 只会安装一次,详见:Vue.use API

使用方式

方式 作用
this.$route 当前路由 (this 表示 Vue 对象)
this.$route.params.xxx 路由参数 path: '/foo/:xxx'
this.$router.push('/a/b/c') 编程式跳转
路由声明中对应 component 的占位符,用于替换该组件
用于生成一个 标签,to 属性用于 path:to 属性用于 name
this.$route.query URL的查询字符串
this.$route.hash # 后面的东西(包含#

你可能感兴趣的:(Vue.js 路由)