v-btn内部路由和使用路由器链路之间的区别

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>

使用路由器链接

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

提前致谢!

Answer 1

v-btn是vuetifyjs的一个组件,而vue-router的router-link组件.

当您使用v-btn与to通过传递路径对象的属性,它在内部使用VUE路由器的路由器连接组件的API.

因此,当v-btn与to属性一起使用时,它会包含路由器链接的功能.

他可以使用的原因v-btn是完成其他一些东西,如按钮样式和处理其他事件等.