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: '<App/>'
})뷰가 로드되는 위치
기본 App.vue 파일에
점프 탐색
<router-link to="/hello">helloword</router-link>（渲染出来的是a标签）
추천 학습: php training
위 내용은 vue.js에서 라우팅을 구성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
