2017-09-20 15 views
2

私はVue.jsを学習しており、チュートリアルの後では、ページを別のルートにルーティングするために使用されます。彼はこのタグで囲まれたボタンを使いました。タグ内にルーティング・ディレクティブを使用していることがわかりました。 私は、ページ間を移動するこの2つの方法の違いは何ですか?どちらも同じ動作をしているようです(ページを変更するとデータを送受信していません)。比較のためv-btn内のルーティングとrouter-linkの使用の違い

コード:V-BTN事前に

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

おかげルータ・リンクを使用して

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

を使用して

答えて

4

v-btnは、vuetifyjsの成分であり、一方、router-linkは、vue-routerの成分である。

v-btnto属性をパスオブジェクトを通して使用すると、内部的にvue-routerのルータリンクコンポーネントのapiが使用されます。

したがって、v-btnは、to属性で使用される場合、router-linkの機能をラップします。

彼はv-btnを使用されたかもしれません理由は、ボタンのスタイルのようないくつかの他のものを達成することであり、他のイベントを処理するなど

+0

おかげでチームメイト、私はV-BTNを実現していなかったがVuetifyjsの成分でした!しかし、それはルータリンクの機能を包むことができることを知っていいです、私は今ボタンを必要とするたびに私のvueコンポーネントにいくつかの行を保存することができます! –

+0

うれしい私の答えはあなたを助けました! – Thaadikkaaran

関連する問題