Vue.js
vue-router
Ricerca…
introduzione
vue-router è la libreria di routing ufficialmente supportata per vue.js.
Sintassi
<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. -->
Routing di base
Il modo più semplice per iniziare e utilizzare con vue-router è utilizzare la versione fornita tramite 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
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow