Question

vue router 怎么配置

Answer 1

import Vue from 'vue'
import Router from 'vue-router'
// 先引入vue 和 router
// 再引入对应的路由的模板
import login from '@/components/login'
import home from '@/components/home'
import home1 from '@/components/home1'
import home2 from '@/components/home2'
// 注入依赖
Vue.use(Router)
Vue.use(vueResource)
// 配置路由
export default new Router({
  routes: [
    {  // 可以直接使用path 访问该路由 也可以使用name
      path: '/',
      name: 'login',
      component: login // 上面引入的模板
    },
    {
      path: '/home', // home页面有两个子组件 分别为home1 和 home2
      component: home,
      name: 'home',
      redirect: '/home/home1',
      children: [
        {
          path: '/home/home1',
          component: home1,
          name: 'home1'
        },
        {
          path: '/home/home2',
          component: home2,
          name: 'home2'
        }
      ]
    }
  ]
})