第一步需要搭建Ui界面 这里用mint-ui 来搭建
用mint-ui来搭建窗口
在点击的时候 我们通常调用 @click 如果用@touchstart 可以在手机端触摸的时候没有300毫秒的延迟
用vuex 来实现 登陆注册功能
首先在store中的state 中定义一个用来同步登陆的对象。
isLogin 用来控制登陆状态，username 用来保存用户名
在购物车和我的界面必须要登陆才能访问。此时就需要为 购物车界面设置全县。在routes 中为 cart 配置meta （meta 是 vue router 的路由元信息。 ）
在购物车的路由中配置meta 需要权限访问
可以在main.js 也可以在 route 的index.js 界面里写 导航守卫
完整的导航解析流程
导航被触发。
在失活的组件里调用离开守卫。
调用全局的 beforeEach 守卫。
在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。
在路由配置里调用 beforeEnter。
解析异步路由组件。
在被激活的组件里调用 beforeRouteEnter。
调用全局的 beforeResolve 守卫 (2.5+)。
导航被确认。
调用全局的 afterEach 钩子。
触发 DOM 更新。
用创建好的实例调用 beforeRouteEnter 守卫中传给 next 的回调函数。
（https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#%E5%85%A8%E5%B1%80%E5%AE%88%E5%8D%AB） 这里讲解 什么是导航守卫
beforeEach 函数中to 是要去 的页面 from 是从哪里还。 next 是要执行的操作
传递跳转页面有两种方式，通过name 来跳转 传递参数 登陆成功要跳转的路径名
此时如果更改isLogin为true时就可以加载购物车界面
