Vue 项目知识点（一）

1. 对于后端接口回显回来的数据，将其展示到表单中无法修改的问题
   – 用 JSON.parse(JSON.stringify()) ，先将其转为 json 字符串，再转为对象，即可修改
2. 表单数据要加 rules 验证时，验证的数据必须是表单 model 数据中的某个属性
3. el-upload 上传图片，只能上传一张时，用 on-change 事件关联的方法，改变 fileList 的 url 即可
   – 同时绑定 on-success 方法，其中的 res.data 中的路径才是正确路径
4. new Date() 的标准时间可以直接比较大小，单纯的时间字符串 '09:00:00' 和 '10:00:00' 比较的是Unicode字符编码，结果不准确
5. 标准时间的 toLocaleTimeString() 方法获取到的数据会省略小时 09 的 0，可能导致格式错误，可以用 getHour()等方法单个获取再整合
6. let 和 const 只是在自己的块作用域下不能重复声明，在不同的块作用域下可以重复声明
7. Array.from(new Set()) 只能对一维数组去重，多维数组去重可用forEach+includes+JSON.stringify
   – 多维数组去重时，由于对象比较的是地址值，所以双重嵌套for循环就起不了作用，此时用 JSON.stringify() 将对象转为 JSON 字符串，就可进行全等比较
8. ElementUI 中的 el-date-picker，要想回显接口返回的数据，需要自定义 vue-format ，回显数据的格式，格式对应之后，才能正常显示
9. 数组使用 push 方法时，退出页面时要清空，否则会一直累加 push
10. 新增的页面在关闭时也要注意清空页面
11. el-dialog 在关闭时会自动调用 @close='' 的方法，在保存时也会自动调用，所以，需要保存当前dialog弹窗的数据时，可在this.$emit()上加上标识参数
    – 例如this.$emit('close',this.type,1), this.type是保存的数据，1是标识参数，在另一页面就可用close(param,flag){if(flag==1){this.type = param)获取保存的数据
12. 某一数据为数组，初始有值，被清空之后，不能通过下标赋值，直接赋值即可
13. 清空数据时，可用 Object.assign(this.$data,this.$options.data())
14. 对象可用 for(let key in obj) 遍历得到对象的 key，数组可用 for(let index in arr) 得到数组的index,数组还可用 for(let item of arr)得到数组的元素
15. 子组件 props 父组件的数据时，可指定多个类型，propA: { type: String | Number | Boolean, default : 0 }, propB: [String, Boolean]
16. 前端解决跨域问题，用 webpack 的 proxyTable 来做代理，在 config 文件夹的 index.js 中
    配置参数：https://www.jianshu.com/p/7f1c8037dc7b
    官网地址：https://webpack.js.org/configuration/dev-server/#devserverproxy
17. 回显后台的多选数据时，先用 clearSelection() 清除所有勾选状态，再用 toggleRowSelection(item,true) 设置被勾选的内容。
18. 项目页面完成时，先自己做一些基础测试，比如新增后能否清空、修改时能否回显后台数据、输入时是否需要限制字符长度、输入时是否需要去掉空格、功能按钮防止多次点击、数量增多时排版是否有问题、是否可重复/无限制添加内容等。