vite vue2 createWebHashHistory
时间: 2024-05-18 12:13:38 浏览: 17
在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
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![xlsx](https://img-home.csdnimg.cn/images/20210720083732.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)