vue.js가 vue 라우터를 참조하는 방법

vue.js가 vue 라우터를 참조하는 방법: 먼저 npm 패키지를 설치하고 코드는 [npm install vue-router --save]입니다. 그런 다음 [v-link] [지시문]을 사용합니다. ㅋㅋㅋ

전통을 바탕으로 npm 패키지로 설치하세요.

npm install vue-router --save

물론 공식에서는 Bower, CDN 등 다양한 설치 방법을 사용합니다.

기본 사용법HTML 문서에서 사용하려면 다음과 같이 v-link 이 지시문을 사용하세요.

<a v-link="{path: &#39;/view-a&#39;}">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 중국어 웹사이트의 기타 관련 기사를 참조하세요!