vue에 경로를 추가하는 방법

vue에 경로를 추가하는 방법: 1. Vue 스캐폴딩을 설정합니다. 2. 프로젝트 폴더를 엽니다. 3. 파일 디렉터리 src의 구성 요소 아래에 새 vue 페이지를 만들고 테스트 코드를 작성합니다. 라우터 디렉터리의 index.js 파일에 새 라우팅 코드를 추가합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, Vue 버전 2.0, DELL G3 컴퓨터

vue에 경로를 추가하는 방법은 무엇입니까?

Vue에 새 경로를 추가하고 액세스합니다.

1. Vue 스캐폴딩 구축(여기서 사용된 버전은 Vue2.0입니다.)

2 코드 편집기에서 프로젝트 파일을 엽니다(여기에서는 Sublime Text가 사용됩니다). ) 폴더

3. 파일 디렉터리 src의 구성 요소 아래에 새 vue 페이지를 만들고 테스트 코드

4를 작성합니다. src 아래의 라우터 디렉터리에서 index.js 파일을 열고 새 라우팅 코드를 추가합니다. 여기서 주목할 점은 mode:'history'를 추가하면 vue가 페이지에 액세스할 때 #/

를 제거할 수 있다는 것입니다. 5. npm run dev 프로젝트를 실행한 후 localhost:8080/myVue를 입력합니다. 페이지가 새로 추가된 myTestVue.vue 페이지로 이동하는 것을 볼 수 있습니다.

추천 학습: "vue 비디오 튜토리얼"

위 내용은 vue에 경로를 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!