// 引入必要的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