＜router-link＞ 中的属性

目录

1.to 属性：

2.active-class 属性：

3.replace 属性

---

1.to 属性：

        1.作用：to属性实现组件间的跳转

        2.书写方式：

                方式一：to 后面跟字符串

<router-link to="路由组件的path值">xxx</router-link>

                方式二：to 后面跟对象 

<router-link 
    :to="{
        name:'xiangqing',
        query: {
            id: mi.id,
            title: mi.title
         }
     }">
     {{ mi.title }}
</router-link>

2.active-class 属性：

        1.作用：表示该元素被激活时使用的样式

<router-link to="/home/news" class="second_item" active-class="active">News</router-link>

3.replace 属性

        1.作用：控制路由跳转时操作浏览器历史记录的模式

        2.浏览器的历史记录有两种写入方式：分别为 push 和 raplace，push 是追加历史记录，replace 是替换当前历史记录，路由跳转的时候默认为 push

        3.开启 replace 模式

<router-link replace to="/home/news">News</router-link>