Vue+ElementUI項目筆記(二、配置路由)

components

在components文件夾下新建vue文件:

login.vue welcome.vue home.vue

index.js ======單級路由

import Vue from 'vue'

import Router from 'vue-router'

import Login from '@/components/Login'

import Welcome from '@/components/Welcome'

import Home from '@/components/Home'

Vue.use(Router)

export const router = new Router({

routes: [

        {

           path: '/login',

           name: 'Login',

           component: Login,

        },

        {

            path: '/',

            name: 'Welcome',

            component: Welcome,

            meta: { requiresAuth: true },

            }

     ]

})

pages

在pages文件夾下新建:

文件夾home,在home下新建:index.vue add.vue search.vue

index.js ======多級路由

import Home from '@/pages/home/index'

import HomeAdd from '@/pages/home/add'

import HomeSearch from '@/pages/home/search'

{

  path: '/Home/:type',

  component: Home,

   children: [

                        { path: "add", component: HomeAdd, name:"HomeAdd" },

                        { path: "search", component: HomeSearch, name:"HomeSearch"}

                   ]

}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容