Vue의 소개 방법으로 점프하는 방법

vue.js는 점프하는 세 가지 방법을 제공합니다. 기본 JavaScript API : Window.location.href를 사용하여 점프하십시오. Vue 라우터 : 태그 또는 this. $ router.push () 메소드를 사용하여 점프하십시오. Vuex : 파견 경로 점프는 파견 동작을 통과하거나 돌연변이를 커밋합니다.

vue.js 점프 방법

1. 기본 JavaScript API

기본 JavaScript API를 사용하여 페이지로 이동하십시오.

 <code class="javascript">window.location.href = 'new-page.html';</code>

2. Vue 라우터

Vue Router는 vue.js의 공식 라우팅 라이브러리로보다 완전한 라우팅 관리 기능을 제공합니다.

• <router-link></router-link> 태그 : 점프 속성으로 링크를 만듭니다.

   <code class="html"><router-link to="/new-page">跳转到新页面</router-link></code>

• this.$router.push() 메소드 : 현재 라우팅 스택에 새 경로를 추가하십시오.

   <code class="javascript">this.$router.push('/new-page');</code>

• this.$router.replace() 메소드 : 현재 경로를 대체하고 기록에 나타나지 않습니다.

   <code class="javascript">this.$router.replace('/new-page');</code>

3. Vuex

Vuex는 Vue.js의 주 관리 라이브러리로 라우팅 점프를 트리거하는 데 사용할 수 있습니다.

• 조치 : 경로 점프를 트리거하기위한 조치를 제출하십시오.

   <code class="javascript">store.dispatch('changeRoute', '/new-page');</code>

• 돌연변이 : 돌연변이의 $router.push() 또는 $router.replace() 메소드를 호출하십시오.

   <code class="javascript">store.commit('changeRoute', { path: '/new-page' });</code>

올바른 방법을 선택하십시오

선택할 점프 방법은 특정 요구 사항에 따라 다릅니다.

• 기본 JavaScript API는 간단한 경우에 적합합니다.
• Vue Router는 복잡한 라우팅 구조에 적합한 완벽한 라우팅 관리를 제공합니다.
• Vuex는 주 경영을 통해 라우팅 점프를 트리거 해야하는 상황에 적합합니다.

위 내용은 Vue의 소개 방법으로 점프하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!