v-btn內部路由與使用路由器鏈接的區別

我正在學習Vue.js，並且按照教程，使用a將頁面路由到另一個頁面。他使用了一個由此標籤包裝的按鈕，並且我發現在標籤內部使用了路由指令。我在想，這兩種從一個頁面到另一個頁面的方式有什麼區別？他們兩個似乎都產生了相同的行爲（並且我在更改頁面時不發送或接收任何數據）。v-btn內部路由與使用路由器鏈接的區別

代碼進行比較：

使用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>

謝謝！

來源

2017-09-20 Artur Mello

v-btn是vuetifyjs的組成部分，而router-link是vue-router的組成部分。

當您通過傳遞路徑對象使用v-btn和to屬性時，它在內部使用vue-router的router-link組件的api。

因此，v-btn在與to屬性一起使用時會封裝路由器鏈接的功能。在v-btn

爲什麼本來可以使用他的原因是爲了實現一些其他的東西像按鈕樣式和處理其他事件等

來源

2017-09-20 09:47:30 Thaadikkaaran

感謝隊友，我沒有意識到V-BTN是Vuetifyjs成分！但很高興知道它可以包裝路由器鏈接的功能，我現在可以在我需要按鈕時在我的vue組件上保存一些行！ –

很高興我的回答幫了你！ – Thaadikkaaran

v-btn內部路由與使用路由器鏈接的區別

回答

相關問題