1.首先先引入vue的两个包
2.创建一个路由对象,当导入vue-router包之后,在window全局对象中,就有了一个路由的构造函数,叫做vueRouter
var routerObj=new VueRouter({})
3.创建组件的模板对象
var login={
template:'<h1>登录组件</h1>'
}
var register={
template:'<h1>注册组件</h1>'
}
4.创建路由匹配规则
var routerObj=new VueRouter({
routes:[//路由匹配规则
{path:'/login',component:login},
{path:'/register',component:register}
]
})
5.通过vue-router提供的元素专门用来当做占位符的,将来路由规则匹配到的组件,就会展示到这个router-view中去
<router-view></router-view>
6.通过a标签实现切换
<a href="#/login">登录</a>
<a href="#/register">注册</a>