学习vue+node+monogdb的一些坑

好久没有写博客，今天从这个坑里面爬出来安耐不住想要记录下来，也想分享分享，

坑一：

使用vue-cli搭建项目是时使用了eslint检测报错

具体报错：

看到这么多措收不了了，最后找的解决方法：

原因是Vue对语法比较严格，而eslint是一个语法检查工具，对语法要求极其苛刻严格，于是就error了

解决之道是关闭eslint的语法规则，找到build/webpack.base.conf.js将eslint相关语法注释或删除即可

坑二：

检查多次代码，为啥请求的url都是404，

这个坑，我爬到都想哭了，检查了后台路由，检查了前端路由，也检查了反向代理，都没有问题，但是node的请求就是进不去，换了http的请求插件，因为因为拉取了插件，重启了项目，居然就对了，得出结论，加了反向代理必须重启前端项目，不要依赖自动更新项目，有事无事重启前端项目就对了（大哭）；

坑三：

数据修改无法更新到页面上（修改对象中属性值后页面显示不改变的问题）

使用$forceUpdate();

使用场景和使用方法：（根据不vue结构不同也可以写成：this.$forceUpdate()）

原

坑四：vue 报错：Cannot read property 'xxx' of undefined"，但是页面能渲染上数据

因为是异步请求，页面渲染刚开始的时候还没有拿到这个值，所以会报错。你需要在节点上用if判断一下，在有数据的时候再进行渲染。

坑四：循环绑定数据，表单内容报错，“You are binding v-model directly to a v-for iteration alias”

解决办法就是循环得到当前序号，直接按序号重数组中获得数据；