vue之路由

路由基础

与A标签相似
.router-link-active 当 对应的路由匹配成功，将自动设置 class 属性值

动态路由匹配

用：id 匹配
一个『路径参数』使用冒号 : 标记。当匹配到一个路由时，参数值会被设置到 this.$route.params，可以在每个组件内使用。
$$route.query匹配？后的值

匹配优先级

匹配的优先级就按照路由的定义顺序：谁先定义的，谁的优先级就最高
嵌套路由
在创建一个字节点
注意：定义子节点时父节点中添加

命名路由与命名视图
都是用name：来命名
命名路由后引用应用

<router-link :to="{ name: 'user',  }}">User</router-link>

命名视图

为了能引用专门的路由

<router-vi
ew class="view one"></router-view>
<router-view class="view two" name="a"></router-view>
<router-view class="view three" name="b"></router-view>
<script>

const router = new VueRouter({
   
  routes: [
    {
   
      path: '/',
      components: {
   
        default: Foo,
        a: Bar,
        b