# Vue边学边用边被坑

最近有个小项目在做，用的vue做的前后端分离，感觉vue有点意思，作为前端渣，先是被ESLint虐（感觉eslint就是新手的绊脚石），然后被组件间通信虐。

主要是自己没好好看教程，传数组到子组件里面，怎么没有自动视图更新？

然后进度被耽搁了2天，心疼中……

然后了解了下vue的observer，仔细再把官方教程中的“列表渲染”那章好好看了一遍，才恍然大悟。

因为给子组件传的是hash参数，当你修改hash里面的某个值，或者新增hash元素，是不会自动刷新的……因为他压根没有被observer监听到有改变。

当然我就纳闷了，想当然的以为vue会通过js的原型链把所有的功能都做了，其实我想vue的作者也想做到，但是估计是语言本身的限制了吧。

    还是由于 JavaScript 的限制，Vue 不能检测对象属性的添加或删除：
    

关于js的原型链还是之前面一家全栈工程师的职位聊到的（后来这个公司要我去二面也没去了……做小程序，感觉不是很喜欢）。

发现js的原型链其实跟ruby很像啊

    //动态给对象添加属性和方法： http://www.w3school.com.cn/js/jsref_prototype_array.asp
    object.prototype.name=value
    

说了这么多，总结就是 js还是挺好玩的。

vue是一个毕竟简单易用的前端框架，对新手还算是友好了吧。

有啥问题以后在项目中遇到了，再bb吧