Vue里面的加载

注意import的节点。
如果import是写在最上面的，那么加载app的时候就会把所有的view都加载进来了。
如果import是写在routes里面的，那么就是在点击这个route的时候才会加载这个view。

import { createRouter, createWebHashHistory } from 'vue-router'
import Home from '../views/Home.vue'
import Test from '../views/Test.vue'

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    // 這個是只在點擊的時候加載，如果寫在上面，就是預加載
    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  },
  {
    path: '/test',
    name: 'Test',
    component: Test
  }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})

export default router