1.
<router-link to='/home'>首页</router-link>
<router-link to='/user'>用户页</router-link>
盛放链接对应的内容
<router-view></router-view>
2.创建组件
var Home={
template:`
<h1>这是首页</h1>
`
}
var User={
template:`
<h1>这是用户页</h1>
`
}
3.配置路由
const routes=[
{path:'/home',component:Home},
{path:'/user',component:User}
]
4.创建路由实例
const router=new VueRouter({
routes:routes
})
5.路由实例挂载到vue实例上
new Vue({
el:'#app',
router:router
})
