v-btn 내부 라우팅과 라우터 링크 사용의 차이점

v-btn 내부 라우팅과 라우터 링크 사용의 차이점

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

잘 부탁드립니다!

v-btnvuetifyjs의 구성요소인데 반해router-linkvue-module의 컴포넌트입니다.

사용할 때v-btn와 함께topath 객체를 전달함으로써 vue-link 컴포넌트의 api를 내부적으로 사용합니다.

따라서 v-btn은 라우터 링크 기능을 다음과 같이 사용할 때 래핑합니다.to기여하다.

왜 그가 이용당했을까 하는 이유는v-btn버튼 스타일이나 다른 이벤트 처리 등 다른 작업을 수행하는 것입니다.

언급URL : https://stackoverflow.com/questions/46313514/difference-between-routing-inside-v-btn-and-using-router-link