昨天写了关于 react 如何j将 jsx 渲染到界面,今天朋友让我来谈谈 vue,个人对于 vue 研究还是最近的事。说到 angular、react 和 vue 这三个前端主流框架,最先先接触的是 Angular ,随后是 react ,vue 是这两年市场对 vue 需求增加,所以也不得不看一看 vue 这个以轻巧而流行的前端框架。最近听了 Evan 关于 vue3 介绍,vue3 还是很吸引人,一堆提高性能的优化。
现在项目都是一再提速,只看效果的开发,这样让我们少了很多思考时间,我们的确做到了快速开发,但是背后却慢慢忘记如何去思考。
vue 也是一个 MVVM 框架的实现,两件事可能是我们比较感性取
- vue 是如何实现界面随数据变化而变化,也就是所谓数据绑定
- vue 是如何把自定义组件、组件或模板渲染到界面上
- 以及在 vue 如何实现组件化
部分内容参考了 evan 给出教程。
我们今天在动手写 vue 之前也对 vue 内部是如何实现以上两件事
Object.defineProperty(obj,'foo',{})
- obj 参数我们要操作的对象
- 'foo' 为 obj 定义属性
- 为 foo 属性定义一些描述性的属性
调用 Object 的 defineProperty 方法来为对象 obj 定义属性 foo,这里 foo 可以是 obj 已有属性或者为未定义属性。如果 foo 属性还不存在就为 obj 创建一个 foo 属性。