vue.js에서 라우팅을 구성하는 방법

vue.js에서 라우팅을 구성하는 방법: 1. vue-router를 설치합니다. 2. vue-router를 참조합니다. 3. 다음과 같은 라우팅 파일을 구성합니다. [var router = new VueRouter({routes:[{path:"/hello ", component...].

본 글의 운영 환경은 windows10 시스템, vue.js 2.9, thinkpad t480 컴퓨터입니다.

vue.js 구성 라우팅 단계는 다음과 같습니다.

Installation

npm install --save vue-router

인용

import VueRouter from 'vue-router'

라우팅 파일 구성

var router = new VueRouter({
   routes:[
    {
      path:"/hello",
      component:HelloWorld
    },
    {
      path:"/wen",
      component:HelloWen
    }
   ]
   })
    
   new Vue({
   el: '#app',
   components: { App },
   router,
   template: &#39;<App/>&#39;
   })

뷰가 로드되는 위치

기본 App.vue 파일에 975b587bf85a482ea10b0a28848e78a4dd6e4ababe59793a4ac75fb9e5c5550e 추가

점프 탐색

<router-link to="/hello">helloword</router-link>（渲染出来的是a标签）

추천 학습: php training

위 내용은 vue.js에서 라우팅을 구성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!