You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
3.0 KiB
122 lines
3.0 KiB
// 引入必要的router组件 |
|
import {createRouter, createWebHistory} from 'vue-router' |
|
// 引入视图 |
|
// const root = () => import('../App.vue') |
|
const tableDemo1 = () => import('../views/Table_Demo1.vue') |
|
const tableDemo2 = () => import('../views/Table_Demo2.vue') |
|
const tableDemo3 = () => import('../views/Table_Demo3.vue') |
|
const tableDemo4 = () => import('../views/Table_Demo4.vue') |
|
const tableDemo5 = () => import('../views/Table_Demo5.vue') |
|
const tableDemo6 = () => import('../views/Table_Demo6.vue') |
|
const tableDemo7 = () => import('../views/Table_Demo7.vue') |
|
const tableDemo8 = () => import('../views/Table_Demo8.vue') |
|
const tableDemo9 = () => import('../views/Table_Demo9.vue') |
|
const tableDemo10 = () => import('../views/Table_Demo10.vue') |
|
const tableDemo11 = () => import('../views/Table_Demo11.vue') |
|
const tableDemo12 = () => import('../views/Table_Demo12.vue') |
|
const tableDemo13 = () => import('../views/Table_Demo13.vue') |
|
const tableDemo14 = () => import('../views/Table_Demo14.vue') |
|
const tableDemo15 = () => import('../views/Table_Demo15.vue') |
|
const tableDemo16 = () => import('../views/Table_Demo16.vue') |
|
|
|
// 引入组件 |
|
|
|
|
|
// 创建路由 |
|
const routes = [ |
|
// { |
|
// path: "/", |
|
// name: 'root', |
|
// component: root |
|
// }, |
|
{ |
|
path: '/table1', |
|
name: 'table1', |
|
component: tableDemo1 |
|
}, |
|
{ |
|
path: '/table2', |
|
name: 'table2', |
|
component: tableDemo2 |
|
}, |
|
{ |
|
path: '/table3', |
|
name: 'table3', |
|
component: tableDemo3 |
|
}, |
|
{ |
|
path: '/table4', |
|
name: 'table4', |
|
component: tableDemo4 |
|
}, |
|
{ |
|
path: '/table5', |
|
name: 'table5', |
|
component: tableDemo5 |
|
}, |
|
{ |
|
path: '/table6', |
|
name: 'table6', |
|
component: tableDemo6 |
|
}, |
|
{ |
|
path: '/table7', |
|
name: 'table7', |
|
component: tableDemo7 |
|
}, |
|
{ |
|
path: '/table8', |
|
name: 'table8', |
|
component: tableDemo8 |
|
}, |
|
{ |
|
path: '/table9', |
|
name: 'table9', |
|
component: tableDemo9 |
|
}, |
|
{ |
|
path: '/table10', |
|
name: 'table10', |
|
component: tableDemo10 |
|
}, |
|
{ |
|
path: '/table11', |
|
name: 'table11', |
|
component: tableDemo11 |
|
}, |
|
{ |
|
path: '/table12', |
|
name: 'table12', |
|
component: tableDemo12 |
|
}, |
|
{ |
|
path: '/table13', |
|
name: 'table13', |
|
component: tableDemo13 |
|
}, |
|
{ |
|
path: '/table14', |
|
name: 'table14', |
|
component: tableDemo14 |
|
}, |
|
{ |
|
path: '/table15', |
|
name: 'table15', |
|
component: tableDemo15 |
|
}, |
|
{ |
|
path: '/table16', |
|
name: 'table16', |
|
component: tableDemo16 |
|
}, |
|
] |
|
|
|
// 创建路由器，使用createRouter方法，传入history（路由类型）和 创建好的路由routes |
|
// 路由类型分为hash型和html5型，分别为createWebHashHistory和createWebHistory |
|
const router = createRouter({ |
|
history: createWebHistory(), |
|
routes |
|
}) |
|
|
|
// 导出路由 |
|
export default router
|
|
|