• 链接
    • v-link 替换
      • 升级路径
    • v-link-active 替换
      • 升级路径

    链接

    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 指令的示例