【vue】‘跳转页面’

之前刚学完四小时入门vue觉得挺简单的，然后开始写的时候被路由这玩意整麻了，看了好多教程都没搞明白怎么操作，然后就又去补了一波路由，现在思路清晰多了。

主要是用到$router.push()来操作。

然后呢，是把页面封装为一个主键，不要写在App.vue页面中，App.vue里只需要留一个组件占位符即可。<router-view></router-view>

比如先做好一个简易的登录页面，login.vue，然后我们还准备一个主页vue，绑定好路由配置后，其中登录按钮的方法中就this.$router.push("/main")即可。

思路就是这样。

---

然后来个具体过程：

App.vue里面这样子就可以啦 

App.vue

mounted()方法是加载完路由之后会执行的方法。让初始页面转到登录页面即可。

记得相关的vue都要在router.js里进行路由声明 

声明里component：（）=> import('@/xxx')可以替代上面的import xxx from ‘xxx’声明