- 肯定里面要有這個(gè)模塊孕讳，然后引入，使用
import Router from 'vue-router'
Vue.use(Router)
然后再開(kāi)始使用
- 引入組件
利用import
import heard from './components/heard'
import foot from './components/foot'
- 注冊(cè)router
const routes = [
{ path: '/heard', component: heard },
{ path: '/foot', component: foot }
]
- 創(chuàng)建vue-router實(shí)例
const router = new VueRouter({
routes
})
- 使用
<script>
new Vue({
el: '#app',
router
})
</script>
<div id="app">
<router-link to="/heard"> 我是頭部 </router-link>
<router-link to="/foot"> 我是尾部 </router-link>
<!-- 渲染內(nèi)容 -->
<router-view></router-view>
</div>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
