1.Layout页面

只有底部是layout页面 Login.vue与Layout.vue是一级路由页面，Home.vue和User.vue应该是嵌入在Layout页面的二级路由页面-----注意router-view的写法

layout界面的二级路由页面最好使用一个容器包裹着，防止模块间相互干扰---调整样式

样式：

2.底部导航---Tabbar 标签栏&&对应路由的设置

Tabbar标签是有router属性，可以结合to，直接选择去哪个路由界面

3.登录页面跳转的实现

路由的跳转一定要写在最后，尽量保持最后执行 相关跳转知识回顾：

location.href：当前浏览器地址和要跳转的地址一样（不包含#后面的锚点信息）时不会刷新网页 地址改变，就会导致网页刷新

this.$router.push()：压栈，会产生历史记录，可以回退

this.$router.replace()替换，不会产生任何历史记录