1，搭建整体项目的框架
1.1使用vue-cli搭建vue项目的基础框架
1.2进行路由配置，结构解构实现路由的模块化配置，使用路由元进行路由标记，使用router.beforeEach进行路由的权限配置
1.3进行vuex也就是store的配置，使用modules实现store的模块化区分，使用mapGetters，mapState,mapActions,mapMutation实现数据的 同意管理
1.4使用axios实现数据的请求封装，使用axios.interceptors.request.use实现数据的请求拦截（设置content-type类型，headers['token']和store实现token的全局设置），使用formData实现数据的上传，使用aes和 rsa实现请求数据的加解密，使用promise实现实现请求数据方法的封装，将post方法和get,upload方法挂在到数Vue上直接使用this调用,1.5 在package.json 的scripts立加 mode参数 以及在根目录新建 .env.test .env.dev .env.pr等文件实现运行环境的区分
2，全局组件的封装
2.1 使用vue-pdf 实现pdf的预览。并封装成全局组件
2.2 使用vant的upload组件实现上传文件组件的封装
2.3 使用vant的swipercell 实现了列表左滑删除的封装
2.4 使用vant的form和Field(输入框) checkbox（多选框） dateTimepicker（时间选择器），picker选择器以及radio 实现表单组件的封装，使用refs[“ref挂载的表单'].validate .catch 等属性是实现表单的校验等
2.5 使用List列表和pullRefresh下拉刷新封装全局list列表组件，以实现下拉刷新和上拉加载更多的功能
3.技术点
3.1 使用防抖防止用户重复点击，使用节流优化页面滚动触发的事件的频率（精选保障页面右小角返回顶部按钮透明度随滚动的距离修改透明度）
3.2 使用 使用vue-page-stack 实现页面栈的管理，返回上级页面时仍然保留原状态，并结合activated 实现返回上级页面时方法的调用
3.3 使用全局loading，结合request.use 和response.response并结合 class类实现increase和decrease,以及 aixo参数配置实现loading的全局加载以及loading的合并(不会有loading闪烁的问题)
3.4使用window.addEventlistener("beforeUnload")实现vuex数据的持久化
3.5 使用promise结合setTimeout等宏任务微任务的知识点解决代码执行顺序的问题
3.6 使用async await 快捷实现异步编程
4 webpack 配置
4.1使用process.node.ENV实现运行环境区分
4.2使用alias实现统一资源定位符的操作
4.3使用uglifyjsplugin实现打包console.log debugger 注释的去除
4.4 使用 路由懒加载 以及config.plugins.delete(preload)以及config.plugins.delete(prefetch)实现页面资源的懒加载
4.5 使用autoprefixer和postcss-pxtorem实现页面的自适应
5 项目亮点
自定义表单模块
该模块有十几款产品，用的同一个代码
基于后端返回的表单列表渲染对应的控件，并数据中的规则 rules 实现 表单的联动
6 基础知识
6.1 使用 flex 实现页面的布局
6.2 使用es6的语法实现相关功能
熟练使用 数组的方法some,every,find,findIndex,filter,map,reduce，isArray,Array.from,Array.of,includes,sort等，变量的声明 let const字符串的操作 startswith,endswith，模板字符串，对象Object.assign,object.create,object,freeze,object.keys,
object.entries,object.keys.object.values,object.is 箭头函数，函数默认参数 解构赋值，扩展运算符，export default /export import promise async await class等