vue3中createWebHistory如何使用
时间: 2024-06-14 09:08:37 浏览: 10
在Vue 3中,createWebHistory是Vue Router提供的一个函数,用于创建基于浏览器的路由历史记录对象。它可以用于创建一个路由器实例,并且与createRouter一起使用。
createWebHistory函数接受一个可选的基础路径参数,用于指定应用程序的基础URL。如果不提供基础路径,则默认为"/"。
下面是createWebHistory的使用示例:
```javascript
import { createRouter, createWebHistory } from 'vue-router';
const router = createRouter({
history: createWebHistory(),
routes: [
// 定义你的路由配置
]
});
export default router;
```
在上面的示例中,我们首先从'vue-router'模块中导入createRouter和createWebHistory函数。然后,我们使用createWebHistory()创建一个基于浏览器的路由历史记录对象,并将其作为history选项传递给createRouter函数。最后,我们定义了路由配置,并将其传递给createRouter函数。
请注意,createWebHistory函数只能在支持HTML5 History API的浏览器中使用。如果你需要在不支持HTML5 History API的浏览器中使用路由,可以考虑使用createWebHashHistory函数来创建基于哈希的路由历史记录对象。