vue-Router

基本使用步骤

1.引入相关的库文件(vue和vue-Router)
2.添加路由链接

<router-link to="/login">点我就跳转到登录页</router-link>

3.定义路由组件（写/login登录页的页面 Login.vue）
4.添加路由填充位，也叫占位符

<router-view></router-view>

5.创建路由实例并配置路由规则

var router = new VueRouter ({
  routes: {
    // { path: '路由链接', component: 路由组件}
       { path: '/login', component: Login}
    //路由重定向
      { path: '/', redirect: '/Login'}
  }
})

6.把路由挂载到Vue根实例上

var vm = new Vue ({
  //路由实例名称
  router
})

vue-Router编程式导航

methods:{
  //跳转到指定页面
   goRegister(){
       this.$router.push('/register');   
   }
  //后退
    goBack(){
         this.$router.go(-1);  
     }
}