什么是vue-router:
你晓得什么是vue-router?不晓得?来,我们一起来看看vue-router官网:https://router.vuejs.org/zh/
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：
一.嵌套的路由/视图表
(1).什么叫嵌套的路由?嵌套的路由顾名思义就是路由的多层嵌套,参照官网的例子
const User = {
template: `
`User {{ $route.params.id }}
}
const router = new VueRouter({
routes: [
{ path: '/user/:id', component: User,
children: [
{
// 当 /user/:id/profile 匹配成功， // UserProfile 会被渲染在 User 的
中 path: 'profile', component: UserProfile
},
{
// 当 /user/:id/posts 匹配成功 // UserPosts 会被渲染在 User 的
中 path: 'posts', component: UserPosts
}
] }
]
})
(2)那嵌套的视图表呢?嵌套的视图表顾名思义就是视图的多层嵌套,在上面代码中
就是一个视图,在router-view里面嵌套了子路由router-view 这就相当于一个多层视图的嵌套.
二.模块化的、基于组件的路由配置
(1)上列代码中,路由配置是一个组件,组件下面是路由配置,是模块化的
三.路由参数、查询、通配符
(1)路由参数:路由参数就是在路由后边传给另一个路由的参数,然后另一个路由接收参数,
路由的传参有三种方法:
1.
{{ msg }}