v-btn 内部路由和使用 router-link 之间的区别

Question

我正在学习 Vue.js，按照教程，a 用于将页面路由到另一个页面。他使用了一个被这个标签包裹的按钮，我发现使用标签内部的路由指令。我想知道，这两种从一页转到另一页的方式有什么区别？他们两个似乎都产生了相同的行为（并且我在更改页面时没有发送或接收任何数据）。

比较代码：

使用 v-btn

<v-btn :to="{name: 'songs-create'}" 
      dark medium right bottom fab absolute 
      class="pink" slot="action">
        <v-icon>add</v-icon>
    </v-btn>

使用路由器-link

<router-link :to="{name: 'Hello'}" tag="span" class="logo">Tab Tracker</router-link>

提前致谢！

Answer 1

v-btn 是 vuetifyjs whereas router-link is component of vue-router 的组成部分。

当您通过传递路径对象将 v-btn 与 to 属性一起使用时，它在内部使用 vue-router 的 router-link 组件的 api.

所以 v-btn 在与 to 属性一起使用时包装了 router-link 的功能。

之所以可以使用他 v-btn 是为了完成一些其他事情，例如按钮样式和处理其他事件等。

v-btn 内部路由和使用 router-link 之间的区别

Difference between routing inside v-btn and using router-link

vue-router

vue-component

vuejs2