Vue路由<router-link>属性的使用

Question

如题所述

Answer 1

<router-link> 组件支持用户在具有路由功能的应用中 (点击) 导航。 通过 to 属性指定目标地址，默认渲染成带有正确链接的 <a> 标签，可以通过配置 tag 属性生成别的标签.。另外，当目标路由成功激活时，链接元素自动设置一个表示激活的 CSS 类名。

以下两种实现方式得到的效果一样

一、

 <a href="#/login">登陆</a>

<a href="#/register">注册</a> 

二、

<router-link to="/login">登陆</router-link>

 <router-link to="/register">注册</router-link>

<router-link>默认渲染为一个<a>标签

假如我们想把<router-link>渲染成其他标签，可修改其属性tag，如：

<router-link to="/login" tag=“span”>登陆</router-link>

 <router-link to="/register">注册</router-link>