- 肯定里面要有这个模块，然后引入，使用
import Router from 'vue-router'
Vue.use(Router)
然后再开始使用
- 引入组件
利用import
import heard from './components/heard'
import foot from './components/foot'
- 注册router
const routes = [
{ path: '/heard', component: heard },
{ path: '/foot', component: foot }
]
- 创建vue-router实例
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>
<!-- 渲染内容 -->
<router-view></router-view>
</div>
