使用vite创建项目

npm init vite

vscode配置

  1. jsconfig.json
{
    "include": [
        "./src/**/*"
    ],
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            "@/*": ["./src/*"]
        }
    }
}

安装vue-router

npm i vue-router@4 --save

routes

  • 动态组件
const routes = [
  {path: '/', name: 'home', component: Home},
  {path: '/about', name: 'about',
   component: () => import('@/views/About.vue')
  },
]

history模式

  • HTML5 MODE
  • hash mode
版权声明：本文为fight139原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/zhuxiang1633/p/16633741.html