组合API与响应性

响应性

什么是响应性

响应性是一种允许我们以声明式的方式去适应变化的一种编程范例。

Vue.js如何追踪数据的变化呢？

在生成Vue.js实例时，使用带有getter和setter的处理程序遍历传入的data，将其所有property转换为Proxy对象。

Proxy代理对象，顾名思义，在访问对象前增加一个中间层，通过中间层做一个中转，通过操作代理对象，实现目标对象的修改。

Proxy对象对于用户来说是不可见的，但在内部，它使Vue.js能够在property值被访问或修改的情况下进行依赖跟踪和变更通知。

响应性原理 

reactive()方法和watchEffect()方法是Vue3中响应式的两个核心方法

reactive()方法负责将数据变成响应式代理对象

watchEffect()方法的作用是监听数据变化去更新视图或调用函数

为什么使用组合API

通过创建Vue.js组件，可以将接口的可重复部分及其功能提取到可重用的代码段中，从而使应用程序可维护且灵活。