Vue前端页面跳转，登录成功跳转页面

在以往不用框架的时候，我通常是通过href，或者重定向进行跳转。

对于vue，他有专门的router路由进行跳转。

所以第一步，我们要像python一样,在npm中安装并且在项目中引用他

思路：

用户点击登录后，跳转到Index.vue界面

我的默认页面是SignIn.vue，是登录页面

SignIn.vue

 Index.vue

我刚刚干了什么（可以跳过）？

这个页面我还没有画，我先画个原型图（等我2分钟）

代码写完了，我觉得下面没有必要，到多少页，业务不需要，所以删了，

另外内容封面，名字在上面太丑，放到下面了。这是画完的网站图

 

 

附送界面代码

框架我用的vue+bootstrap

先看我的main.js

import Vue from 'vue'


import VueCookies from 'vue-cookies'
import Index from './Index.vue'

import "./bootstrap-3.4.1-dist/css/bootstrap.css"



Vue.use(VueCookies)



new Vue({
  render: h => h(Index),
}).$mount('#app')

Index.vue