Back to Details

vue-router-v3

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

When to use this skill

何时使用此技能

Use this skill whenever the user wants to:

Install and configure Vue Router v3
Implement routing patterns for Vue 2 applications
Use navigation guards, history mode, or lazy-loading routes
Reference Vue Router v3 API details

当用户有以下需求时，可使用本技能：

安装和配置Vue Router v3
为Vue 2应用实现路由模式
使用导航守卫、history模式或懒加载路由
查阅Vue Router v3的API细节

How to use this skill

如何使用此技能

Identify the topic from the user request.
Open the matching guide example file in
```
examples/
```
.
For API details, open the matching file in
```
api/
```
.
Follow official guidance and keep outputs consistent with v3 docs.

从用户的请求中确定主题。
打开
examples/
目录下对应的指南示例文件。
若需查询API细节，打开
```
api/
```
目录下对应的文件。
遵循官方指引，确保输出内容与v3文档保持一致。

Installation mapping

安装文档映射

```
examples/installation.md
```
→ https://v3.router.vuejs.org/installation.html

```
examples/installation.md
```
→ https://v3.router.vuejs.org/installation.html

Guide mapping (one-to-one with https://v3.router.vuejs.org/guide/)

指南文档映射（与https://v3.router.vuejs.org/guide/一一对应）

Essentials

```
examples/guide/index.md
```
→ https://v3.router.vuejs.org/guide/
```
examples/guide/essentials/dynamic-matching.md
```
→ https://v3.router.vuejs.org/guide/essentials/dynamic-matching.html
```
examples/guide/essentials/nested-routes.md
```
→ https://v3.router.vuejs.org/guide/essentials/nested-routes.html
```
examples/guide/essentials/navigation.md
```
→ https://v3.router.vuejs.org/guide/essentials/navigation.html
```
examples/guide/essentials/named-routes.md
```
→ https://v3.router.vuejs.org/guide/essentials/named-routes.html
```
examples/guide/essentials/named-views.md
```
→ https://v3.router.vuejs.org/guide/essentials/named-views.html
```
examples/guide/essentials/redirect-and-alias.md
```
→ https://v3.router.vuejs.org/guide/essentials/redirect-and-alias.html
```
examples/guide/essentials/passing-props.md
```
→ https://v3.router.vuejs.org/guide/essentials/passing-props.html
```
examples/guide/essentials/history-mode.md
```
→ https://v3.router.vuejs.org/guide/essentials/history-mode.html

Advanced

```
examples/guide/advanced/navigation-guards.md
```
→ https://v3.router.vuejs.org/guide/advanced/navigation-guards.html
```
examples/guide/advanced/meta.md
```
→ https://v3.router.vuejs.org/guide/advanced/meta.html
```
examples/guide/advanced/transitions.md
```
→ https://v3.router.vuejs.org/guide/advanced/transitions.html
```
examples/guide/advanced/data-fetching.md
```
→ https://v3.router.vuejs.org/guide/advanced/data-fetching.html
```
examples/guide/advanced/scroll-behavior.md
```
→ https://v3.router.vuejs.org/guide/advanced/scroll-behavior.html
```
examples/guide/advanced/lazy-loading.md
```
→ https://v3.router.vuejs.org/guide/advanced/lazy-loading.html
```
examples/guide/advanced/navigation-failures.md
```
→ https://v3.router.vuejs.org/guide/advanced/navigation-failures.html

基础内容

```
examples/guide/index.md
```
→ https://v3.router.vuejs.org/guide/
```
examples/guide/essentials/dynamic-matching.md
```
→ https://v3.router.vuejs.org/guide/essentials/dynamic-matching.html
```
examples/guide/essentials/nested-routes.md
```
→ https://v3.router.vuejs.org/guide/essentials/nested-routes.html
```
examples/guide/essentials/navigation.md
```
→ https://v3.router.vuejs.org/guide/essentials/navigation.html
```
examples/guide/essentials/named-routes.md
```
→ https://v3.router.vuejs.org/guide/essentials/named-routes.html
```
examples/guide/essentials/named-views.md
```
→ https://v3.router.vuejs.org/guide/essentials/named-views.html
```
examples/guide/essentials/redirect-and-alias.md
```
→ https://v3.router.vuejs.org/guide/essentials/redirect-and-alias.html
```
examples/guide/essentials/passing-props.md
```
→ https://v3.router.vuejs.org/guide/essentials/passing-props.html
```
examples/guide/essentials/history-mode.md
```
→ https://v3.router.vuejs.org/guide/essentials/history-mode.html

进阶内容

```
examples/guide/advanced/navigation-guards.md
```
→ https://v3.router.vuejs.org/guide/advanced/navigation-guards.html
```
examples/guide/advanced/meta.md
```
→ https://v3.router.vuejs.org/guide/advanced/meta.html
```
examples/guide/advanced/transitions.md
```
→ https://v3.router.vuejs.org/guide/advanced/transitions.html
```
examples/guide/advanced/data-fetching.md
```
→ https://v3.router.vuejs.org/guide/advanced/data-fetching.html
```
examples/guide/advanced/scroll-behavior.md
```
→ https://v3.router.vuejs.org/guide/advanced/scroll-behavior.html
```
examples/guide/advanced/lazy-loading.md
```
→ https://v3.router.vuejs.org/guide/advanced/lazy-loading.html
```
examples/guide/advanced/navigation-failures.md
```
→ https://v3.router.vuejs.org/guide/advanced/navigation-failures.html

API mapping (one-to-one with https://v3.router.vuejs.org/api/)

API文档映射（与https://v3.router.vuejs.org/api/一一对应）

```
api/router-link.md
```
→ https://v3.router.vuejs.org/api/#router-link
```
api/router-view.md
```
→ https://v3.router.vuejs.org/api/#router-view
```
api/router-instance.md
```
→ https://v3.router.vuejs.org/api/#router-instance
```
api/router-options.md
```
→ https://v3.router.vuejs.org/api/#router-options
```
api/route-object.md
```
→ https://v3.router.vuejs.org/api/#the-route-object
```
api/route-config.md
```
→ https://v3.router.vuejs.org/api/#routes
```
api/navigation-guards.md
```
→ https://v3.router.vuejs.org/api/#navigation-guards

```
api/router-link.md
```
→ https://v3.router.vuejs.org/api/#router-link
```
api/router-view.md
```
→ https://v3.router.vuejs.org/api/#router-view
```
api/router-instance.md
```
→ https://v3.router.vuejs.org/api/#router-instance
```
api/router-options.md
```
→ https://v3.router.vuejs.org/api/#router-options
```
api/route-object.md
```
→ https://v3.router.vuejs.org/api/#the-route-object
```
api/route-config.md
```
→ https://v3.router.vuejs.org/api/#routes
```
api/navigation-guards.md
```
→ https://v3.router.vuejs.org/api/#navigation-guards

Resources

参考资源

Installation: https://v3.router.vuejs.org/installation.html
Guide: https://v3.router.vuejs.org/guide/
API: https://v3.router.vuejs.org/api/

安装文档：https://v3.router.vuejs.org/installation.html
指南文档：https://v3.router.vuejs.org/guide/
API文档：https://v3.router.vuejs.org/api/

Keywords

关键词

vue-router v3, vue 2 router, routing, navigation guards, history mode, router-link, router-view, route config, route object

vue-router v3, vue 2 router, 路由, 导航守卫, history模式, router-link, router-view, 路由配置, 路由对象