전통을 바탕으로 npm 패키지로 설치하세요.vue.js가 vue 라우터를 참조하는 방법: 먼저 npm 패키지를 설치하고 코드는 [npm install vue-router --save]입니다. 그런 다음 [v-link] [지시문]을 사용합니다. ㅋㅋㅋ
npm install vue-router --save물론 공식에서는 Bower, CDN 등 다양한 설치 방법을 사용합니다.
기본 사용법HTML 문서에서 사용하려면 다음과 같이 v-link
이 지시문
을 사용하세요. <a v-link="{path: '/view-a'}">Go to view-a</a>
ps: v - link
는 링크가 활성화될 때 CSS 스타일을 지정하기 위한 activeClass도 지원합니다. replace
속성이 true이면 링크가 점프할 때 기록 기록을 남기지 않습니다.
ES5에서 사용하는 경우 먼저 라우터 인스턴스를 생성한 다음 다음과 같은 구성 매개변수를 전달해야 합니다.
var router = new VueRouter(); router.map({ '/view-a': { component: ViewA }, '/view-b': { component: ViewB } }); router.start(App, '#app');위에 정의된 라우터 규칙은 애플리케이션이 마지막으로 시작되면 구성 요소에 매핑됩니다. #app 요소에 마운트됩니다.
관련 무료 학습 권장 사항:
JavaScript(동영상)
위 내용은 vue.js가 vue 라우터를 참조하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!