2017-09-20 7 views
2

Vue.js를 배우고 설명서를 따라 페이지를 다른 경로로 라우팅하는 데 사용됩니다. 그는이 태그로 감싼 버튼을 사용했고, 나는 그 태그 안에 라우팅 지시어를 사용했다. 한 페이지에서 다른 페이지로 이동하는 두 가지 방법의 차이점은 무엇입니까? 둘 다 같은 동작을하고있는 것 같습니다 (페이지를 변경할 때 데이터를 보내거나받지 않습니다). 비교v-btn 내부 라우팅과 router-link 사용의 차이점

코드 :

사전에 라우터 링크

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

을 V는-btn을 사용! router-linkvue-router의 구성 요소 인 반면

답변

4

v-btnvuetifyjs의 구성 요소이다.

v-btnto 속성을 경로 객체를 통해 전달하면 내부적으로 vue-router의 라우터 링크 구성 요소의 api가 사용됩니다.

따라서 v-btn은 to 속성과 함께 사용하면 router-link의 기능을 래핑합니다. 그가 사용 된 수없는 이유

이유는 v-btn

+0

감사합니다, 나는 몰랐다 V-BTN는 Vuetifyjs 구성 요소였다 짝 버튼 스타일 등 취급 다른 이벤트와 같은 다른 물건을 달성하는 것입니다! 그러나 라우터 링크 기능을 래핑 할 수 있다는 것을 알고 있으면 좋겠습니다. 버튼이 필요할 때마다 vue 구성 요소에 일부 선을 저장할 수 있습니다! –

+0

기꺼이 내 대답이 당신을 도왔습니다! – Thaadikkaaran