vue3中组合式api中的路由怎么使用
时间: 2024-01-03 13:54:15 浏览: 102
vue3 组合式使用示例及代码展示,vue3 入门参考书,vue3 烹饪书.zip
在 Vue 3 中,可以使用 `useRouter` 函数来获取路由对象。具体步骤如下:
1. 在需要使用路由的组件中,先引入 `useRouter` 函数:
```javascript
import { useRouter } from 'vue-router';
```
2. 在组件中使用 `useRouter` 函数来获取路由对象:
```javascript
export default {
setup() {
const router = useRouter();
// 在这里可以使用路由对象进行相关操作
}
}
```
例如,可以使用 `router.push` 方法进行路由跳转:
```javascript
export default {
setup() {
const router = useRouter();
const handleClick = () => {
router.push('/path/to/destination');
}
return {
handleClick,
}
}
}
```
需要注意的是,在使用组合式 API 时,需要在 `setup` 函数中使用 `return` 语句返回需要暴露的数据和方法。
阅读全文