Vue边学边用边被坑

·

1 min read

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

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

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

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

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

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

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

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

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

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

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

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

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