Vue.js 경로 이름 지정 및 명명된 뷰

이번에는 Vue.js 라우팅의 네이밍 및 네이밍 뷰에 대해 알려드리겠습니다. Vue.js 라우팅 네이밍 및 네이밍 뷰의 주의사항은 무엇인지 살펴보겠습니다.

경로 이름 지정 경로를 설정할 때 이름

속성을 설정할 수 있으며, navigation 프로세스 중에 ="{name: 'corresponding name'}"으로 직접:

let router = new VRouter({  mode: 'history',  routes: [
    {      path: '/apple',      component: Apple,      //命名路由
      name: 'applePage',
    }
   ......
  ]
})

외부 다른 장소에서 사용할 경우 :

<router-link :to="{name: &#39;applePage&#39;}" >to apple</router-link>

Named view

는 위의 명명된 경로와 유사합니다. 컴포넌트에 지정된 이름을 추가하세요.

let router = new VRouter({  mode: 'history',  routes: [
    {      path: '/apple',      //命名视图
      component: {        viewA: Apple,        viewB: RedApple
      },      //命名路由
      name: 'applePage',
    }
   ......
  ]
})

외부에서 사용하는 경우:

<router-view name="viewA"></router-view>或者<router-view name="viewB"></router-view>分别插入不同的视图

이 글의 사례를 읽으신 후 해당 방법을 숙지하셨으리라 믿습니다. 더 흥미로운 내용을 보려면 php 중국어 웹사이트

Other 관련 기사를 확인하세요!

추천 자료:

Vue.js 라우팅의 기타 작업

Vue.js 단일 구성 요소

위 내용은 Vue.js 경로 이름 지정 및 명명된 뷰의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!