2018-02-5-vue-cli爬坑之路3-问题集

创建阶段

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