创建阶段
1. 静态资源引用(图片、字体)
2. 跨域问题
3. 打包空白页
1、PC浏览器加载空白 【http://blog.csdn.net/xjlinme/article/details/74783887】
history: mode
2、手机浏览器空白，android、IOS webview加载空白
情况1. [关键] 由于使用了在static文件夹下的js的文件中使用了es6语法 而该目录下是不会被babel转换的 移动端设备有些不支持es6语法 就会出错 无法渲染。
发现了组件中引入了外部js插件路径不可以在static底下的问题，修改在src底下后就成功访问了。 不要再static目录下的文件中写ES6的语法，vue-cli不会编译该目录，不会自动转为ES5支持、
情况2.
使用 vue-cli 搭建的项目，PC上火狐和谷歌浏览器打开正常，使用浏览器开发者工具模拟移动端浏览也正常，OPPO 坚果 真机浏览也正常，但老的华为手机和荣耀手机打开是白屏。
在网上查询一段时间后，使用 babel-polyfill 对ES6语法转成ES5语法，打包后上线问题依旧
最后使用排除法定位到问题，问题代码如下
<input id="noPwd" name="pwd" class="base-radio" type="radio" :value="false" v-model="formDatas.serverIsPwd" v-validate="'required'" />
在华为手机和低版本荣耀手机上， input 标签如果有 v-model 属性的情况下，还有 :value 属性，就会出现白屏，如果 input 要使用默认值， 不要动态绑定数据，直接使用 value 属性
1、排查MUI 2、打包路径、配置项变更 3、static静态资源 4、打包环境 5、ES6语法支持
4. 浮层事件穿透
快速点击问题
5. 委托事件解绑，单页多次绑定事件
6、fastclick与mint-ui loadmore 轻触点击
初级错误
router与route
vuex误改state
深拷贝方法：1、Object.asign 2、.json.stringfy JSON.parse 3、递归遍历
缓存 keep-alive跨父组件模块 失效
数组元素 为对象，对象属性变更，为渲染界面
vue中使用sass定义的变量
安装【 sass-resources-loader】 https://www.cnblogs.com/w2xh/p/8196112.html