> 웹 프론트엔드 > View.js > Vue 프로젝트에서 라우팅 페이지를 생성하는 방법에 대한 자세한 설명

Vue 프로젝트에서 라우팅 페이지를 생성하는 방법에 대한 자세한 설명

藏色散人
풀어 주다: 2022-08-10 17:31:05
앞으로
2083명이 탐색했습니다.

이 글에서는 Vue 프로젝트에서 새로운 라우팅 페이지를 만드는 방법을 소개하겠습니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!

【관련 추천: vue.js 비디오 튜토리얼

구체적인 단계는 다음과 같습니다:

이제 새로운 테스트 페이지를 생성하고 이름을 Test.vue로 지정하겠습니다.

1: Components

<template>
    <div>我是测试界面</div>
</template>
 
<script>
</script>
 
<style>
</style>
로그인 후 복사
<template>
    <div>我是测试界面</div>
</template>
 
<script>
</script>
 
<style>
</style>
로그인 후 복사

2 아래에 새 Test.vue를 생성합니다. App.vue {이름:'/comComponents/Test',navItem:'Test 인터페이스'},

3을 엽니다. 라우팅 열기 및 구성 요소 가져오기 index.js

import Test from &#39;@/components/Test&#39;

{
      path: &#39;/components/Test&#39;,
      name: &#39;Test&#39;,
      component: Test
    }
로그인 후 복사

은 괜찮습니다.

위 내용은 Vue 프로젝트에서 라우팅 페이지를 생성하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:csdn.net
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿