import.meta.glob动态添加vue页面包裹

import.meta.glob是ES2020引入的一个新特性，可以用来动态导入模块。在Vue中，可以利用import.meta.glob来动态添加页面包裹。

具体实现方法如下：

1. 在src/pages目录下创建一个pages.js文件，用于动态导入所有的.vue文件：

const pages = import.meta.globEager('./**/*.vue')

export default pages

2. 在router.js中动态添加路由：

import { createRouter, createWebHistory } from 'vue-router'
import pages from '@/pages/pages.js'

const routes = []

Object.keys(pages).forEach(path => {
  const name = path.match(/\.\/(.*)\.vue$/)
  routes.push({
    path: `/${name.toLowerCase()}`,
    name,
    component: pages[path].default
  })
})

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

export default router

这样就可以动态添加页面包裹了。