安装路由:cnpm install vue-router --save-dev
VueRouter()
:用于创建路由器的构造函数
相关API:
(1)VueRouter():用于创建路由器的构造函数
new VueRouter({ //配置对象
//多个配置项
})
(2)路由配置
routes:[ { //数组对象
//配置重定向
path:"*",
redirect:"/"
},{
path:" /about ",
component:About
}]
(3)注册路由器:
import router from"./router"
new Vue({
el:"#app",
router
})
用来生成路由链接:<router-link>
<router-link to="/xxx">Go to XXX</router-link>
用来显示当前路由组件界面:<router-view>
<router-view></router-view>
路由回退:
goback(){
this.$route.go(1) //-1后退 1前进
}