수색…


소개

vue-router는 vue.js에 대해 공식적으로 지원되는 라우팅 라이브러리입니다.

통사론

  • <router-link to="/path">Link Text</router-link> <!-- Creates a link to the route that matches the path -->

  • <router-view></router-view> <!-- Outlet for the currently matched route. It's component will be rendered here. -->

기본 라우팅

vue-router로 시작하고 실행하는 가장 쉬운 방법은 CDN을 통해 제공되는 버전을 사용하는 것입니다.

HTML :

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

<div id="router-example">
    <router-link to="/foo">Link to Foo route</router-link>
    <router-view></router-view>
</div>

JavaScript (ES2015) :

const Foo = { template: <div>This is the component for the Foo route</div> }

const router = new VueRouter({
    routes: [
       { path: '/foo', component: Foo}
    ]
})

const routerExample = new Vue({
    router
}).$mount('#router-example')


Modified text is an extract of the original Stack Overflow Documentation
아래 라이선스 CC BY-SA 3.0
와 제휴하지 않음 Stack Overflow