VUE全家桶之VUE-Router路由

TIP

Vue.js 的官方路由

Vue Router的几个特点：

• 富有表现力的路由语法: 用直观且强大的语法来定义静态或动态路由。
• 细致的导航控制: 可拦截任何导航并更精确地控制其结果。
• 基于组件的配置方法: 将每条路由映射到应该显示的组件上。
• 支持历史模式: 有 HTML5、hash 或记忆历史模式可供选择。
• 支持滚动控制: 可精确控制每个页面的滚动位置。
• 支持自动编码: 可直接在代码中使用 unicode 字符（你好）。

本文档介绍 VUE 3 配套的Vue Router。

一、安装

$ npm install vue-router@4
// OR
$ yarn add vue-router@4

二、一图走天下

参考地址：
Vue Router（中文版）