vue 为全局变量赋值_揭开 vue 背后的秘密(1)

​昨天写了关于 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 属性。</