浅析 Vue 3.0 的组装式 API（一）

从最简单的数据绑定开始，在 Vue 2.0 中，我们这样将一个数据绑定到模板的指定位置：在组件创建参数的 data 构造函数中返回一个用来绑定的数据对象，其中有个 用 Vue3 的组装 API 实现的话，则是这样：奇怪，看起来好像没啥区别，只是把 并不是，假如我们现在对这个 DEMO 做个小改动，让它每秒钟刷新一次时间，用 Vue2 大概是这样实现：而 Vue3 的等效实现则为：写了太多 Vue 的我们可能已经忘了，Vue2 的代码从标准 JS 模块的角度来看有多奇怪：。可以说 Vue3 是直接将响应数据的创建决定权、生命周期的通知回调，都通过 API 的形式交给了开发者，更直观明了和可控。当你修改代理对象的 count.value 属性时，模板中使用到 count 的位置将响应数据的变化，更新视图中的数据状态。