链接

v-link 指令已经被一个新的 <router-link> 组件指令替代,这一部分的工作已经被 Vue 2 中的组件完成。这将意味着在任何情况下,如果你拥有这样一个链接:

  1. <a v-link="'/about'">About</a>

你需要把它更新成:

  1. <router-link to="/about">About</router-link>

注意:<router-link>不支持target="_blank"属性,如果你想打开一个新标签页,你必须用<a>标签。

升级路径

运行 迁移助手 找到 v-link 指令的示例。

v-link-active 也因为指定了一个在 <router-link> 组件上的 tag 属性而被弃用了。举个例子,你需要更新:

  1. <li v-link-active>
  2. <a v-link="'/about'">About</a>
  3. </li>

成这个写法:

  1. <router-link tag="li" to="/about">
  2. <a>About</a>
  3. </router-link>

<a>标签将会成为真实的链接 (并且可以获取到正确的跳转),但是激活的类将会被应用在外部的<li>标签上。

升级路径

运行 迁移助手 找到 v-link-active 指令的示例