vite vue2 createWebHashHistory
时间: 2024-05-18 21:13:38 浏览: 192
jiaminghi/data-view dataV for vite vue2 windows补丁 for pnpm
在vite中创建一个Vue2项目并使用createWebHashHistory可以按照以下步骤进行:
1. 首先,使用以下命令创建一个新的Vite项目:
```
npm init @vitejs/app my-vue2-app --template vue2
```
这将创建一个名为my-vue2-app的Vue2项目。
2. 进入项目目录:
```
cd my-vue2-app
```
3. 安装Vue Router 4:
```
npm install vue-router@4 -S
```
4. 在项目根目录下创建一个名为`router.js`的文件,并配置路由:
```javascript
import { createRouter, createWebHashHistory } from 'vue-router'
const router = createRouter({
history: createWebHashHistory(),
routes: [
{
path: '/Home',
name: 'name',
component: () => import('../pages/Home.vue')
}
]
})
export default router
```
5. 在项目的入口文件`main.js`中引入并使用路由:
```javascript
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
const app = createApp(App)
app.use(router)
app.mount
阅读全文