Vue项目经验

一.解决报错

this.$parent.父组件方法报错

因为嫌$emit相对起$parent麻烦，所以想着用$parent。

报错原因：

中间还有组件，比如el-table,此时$parent的父组件里没有你想要执行的方法。

解决方法：

保证必须为亲父子组件才能使用$parent,可调试查看中间是否有多的组件

数据返回为空的时候，往往会报错

报错原因：

因为没有length，或[i]等等，或者没数据的情况执行某些方法。

解决方法：

考虑为空的情况，做好if判断，if(res.data)。

v-for的时候，考虑是否用index作为key

1.效率问题：只有在倒叙修改数据时候，才会出现

2.出错问题：只有跟输入类的dom有关系的时候，才会出现

3.报错问题：相同的key引起的报错，往往有0，1，2。。。

解决方法：可以在index后拼接字符串，如:key=“index”+“1000”

总结：注意到问题的前提下，还是可以经常使用的，也可以使用nanoid

echars全局引入，报错

解决方法：
1.不需要全局引入，在需要的地方引入就好了

2.全局引入，取一个别名就不报错了==

node-sass报错

解决方法：
1.npm install -g cnpm --registry=https://registry.npm.taobao.org

2.cnpm install node-sass --save

二.小心思

1. 请求的时候，最好加上catch，严谨一点。
2. 当没有数据的时候怎么显示，考虑全面。
3. 写完需求，删掉本地存储，有可能找到一些bug
4. 避免this滥用，可以let一个变量，然后this.来等于这个变量。
5. 把data里的东西，可以把相同类的写成数组或者对象，不要一个一个的写。
6. 用less的时候 /deep/ .el-button 这样能改到UI组件样式（偶尔不生效不知道咋地）
7. 解决冲突的时候，合并完，(显示如dev|merge)还需要add . commit等操作提交远程仓库
8. 需要修改请求回来的数据的时候，需要深拷贝的时候，this.$set,貌似也可以
9. 路由不能传对象，自己点自己会报错（可以配置解决）
10. 预览office加这个路径：http://view.officeapps.live.com/op/view.aspx?src=<文档位置>
11. 图片按比例缩放object-fit: cover;（实用）
12. this.$set(this.newXd,‘oldXd’,nowXd)和var newObj = Object.create(oldObj)实现类似深拷贝
13. v-html相当于{{}}，但是可以显示标签，相当于react的props传组件了
14. 让 HTML识别 string 里的 ‘\n’ 并成功换行显示：white-space: pre-line;

三.Git

1. 新建并切换到新分支：git checkout -b dev（git branch dev和git checkout dev）
2. 把本地dev分支推送到远程仓库：git push --set-upstream origin dev
3. 删除本地分支：git branch -d 分支名
4. 熟悉之后，平时就使用vscode上点点点实现