每天都要努力学习哦~~

目录路由导航守卫简介2.全局守卫3.路由独享守卫（beforeEnter）4.组件内的守卫（3个）（1）beforeRouteEnter（2）beforeRouteUpdate（3）beforeRouteLeaveVue - 自定义插件一、使用插件二、开发插件三、开发实例 vue自定义指令使用全局自定义指令局部自定义指令自定义组件的钩子函数三、自定义组件的应用场景二、 vue自定义指令的应用场景vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。每个守卫接受三个参数：（1）to:即将

提交订单点击提交按钮的时候，还需要向服务器发一次请求【把支付信息传递给服务器】获取订单号获取支付信息订单号换取支付信息 支付价格 二维码qrcode生成二维码 支付判断npm i qrcodeQRCode.toDataURL生成二维码地址开启定时器轮训请求支付状态接口，支付成功关闭定时器 elementui按需导入npm i element-ui -Snpm install babel-plugin-component -D然后，将 .babelrc 修改为：

登录---------登录成功的时候，后台为了区分这个用户是谁，服务器下发token【令牌唯一表示】前台持久化存储token【带着token找服务器要用户信息进行展示】vuex 不是持久化存储网络请求登录事件vuex 当用户注册完成，用户登录【用户名+密码】向服务器发请求（组件派发 AsyncLogin）登录成功后获取token，存储与仓库当中（非持久化存储），路由跳转到home在首页当中（mounted）中派发 action asyncUserInfo 动态展示用户信息持久化存储to

目录uuidsome 与 everyswitch语句 HTTP的8种请求方式Promise.all的用法及其细节uuid生成随机idnpm install uuid 下载生成随机且唯一的游客身份 vue中调用保存uuid设置请求头携带uuidsome 与 every1.every()方法，针对数组中的每一个元素进行比对，只要有一个元素比对结果为false则返回false，反之要所有的元素比对结果为true才为true2.some()方法，同样是针对数组中的每一个元素，但是这个

详情页

电商平台pc端search模块

MockMock.jshttp://mockjs.com/npm i mockjs --save src中创建mock文件夹 准备json数据生成 json文件 创建mockServe.js模拟数据 //Mock.mock 第一个参数为请求地址，第二个为请求数据 在main中引入//引入数据 webpack默认对外暴露：图片 jsonimport banner from './banner'import floors from './floors'//mock数据 第一个参数为..

三级联动由于三级联动在Home Search Detail 把三级联动注册为去全局组件只需要注册一次，就可以在项目任意地方使用第一个参数为全局组件的名字，第二个为那个组件Vue.component(TypeNav.name, TypeNav)TypeNav 为全局组件不需要引入网络请求axios的二次封装放置在api文件夹中 接口统一处理 挂载到原型Vue.prototype.$api = axios请求拦截器 requests.interceptors.request.

目录项目介绍其他配置eslint 校验功能关闭src文件简写方法，配置别名项目路由分析（vue-router）路由路由组件完成非路由组件 Header Footer 组件步骤配置less路由组件的搭建-路由组件与非路由组件的区别$router与$route路由的跳转组件的显示与隐藏路由传参第一种第二种 模板字符串第三种 对象 需要路由配置name（命名路由）接收面试题路由传递参数（对象写法）path是否可以结合par