vue 二级路由以及重定向
重定向重定向通过routes 配置来完成栗子:import Vue from 'vue'import Router from 'vue-router'import Film from '@/views/Film.vue'import Cinema from '@/views/Cinema.vue'import Center from '@/views/Center.vue'Vue.use(Rout
·
重定向
重定向通过routes 配置来完成
栗子:
import Vue from 'vue'
import Router from 'vue-router'
import Film from '@/views/Film.vue'
import Cinema from '@/views/Cinema.vue'
import Center from '@/views/Center.vue'
Vue.use(Router)
export default new Router({
routes: [
{
path: '/film',
component: Film
},
{
path: '/cinema',
component: Cinema
},
{
path: '/center',
component: Center
},
{
path: '*',
redirect: '/film'
}
// 前面路径都不符合的话重定向
]
})
二级重定向
二级路由
当触发二级路由时,此路由就会将对应内容传给自己父级路由组件里的router-view中显示
二级路由的配置,给对应的一级路由加children属性数组,里面放置二级路由。
创建二级路由
创建二级页面
接下来在相应页面渲染二级嵌套路由即可
最后一步不要忘记在router.js 引入二级页面才能生效
更多推荐
已为社区贡献3条内容
所有评论(0)