响应式

TIP

Vump的响应式功能在使用上与Vue类似，如果要详细了解可以去参考响应式基础 | Vue.js。

声明响应式状态

响应式状态依赖于@vue/reactivity的reactiveAPI实现。

选用选项式 API 时，会用 data 选项来声明组件的响应式状态。此选项的值可以是一个对象或者对象的函数。

如果data返回的是一个函数，那么将会在组件created阶段调用此函数，并将函数返回的对象用reactive进行响应式包装，并在组件attached阶段进行调用原生的setData，执行视图层渲染。

此对象的所有顶层属性都会被代理到组件实例上。

为什么是在created阶段执行，可以参考 TODO

createPage({
  data: {
    a: 1
  }
})

计算属性的实现依赖于@vue/reactivity的computedAPI实现。

在computed选项中声明的数据会转换为一个ComputedRef Vump中的响应式数据

侦听器的实现依赖于@vue-reactivity/watch的watchAPI实现。

支持的能力