写在前面
在分享 vue-next 各个子模块的实现之前，我觉的有必要比较全面的整理下 vue-next 中提出的函数式 api，了解这些的话，无论是对于源码的阅读，还是当正式版发布时开始学习，应该都会有起到一定的辅助作用。
类似的东西在网上有很多，只是会比较零碎，同时有些也相对过时了，当然当前整理的这些也有可能会过时，毕竟代码还处于 pre-alpha 的阶段，但其中的设计思想应该是不会改变了。
往期文章
15 分钟掌握 vue-next 响应式原理
vue-next/runtime-core 源码阅读指南
setup
setup 会作为编写组件业务逻辑的主战场，各种 hook 类型的方法均需要在 setup 这个作用域下调用，直接来看 RFC 中的例子：
<template>
<button @click="increment">
Count is: {{ state.count }}, double is: {{ state.double }}
</button>
</template><script>
import { reactive, computed } from 'vue'
export default {
setup() {
const state = reactive({
count: 0,
double: computed(() => state.count * 2)
})
function increment() {
state.count++
}
return {
state,
increment
}
}
}
</script>
其代码结构看起来和 vue2 基本保持一致，不过有以下几点需要注意：
setup 本身的调用时机，从目前的源码来看，介于 beforeCreate 和 created 这两个生命周期之间，言外之意，就是你无法在这里使用 this 指向当前组件实例
对于 state 的声明，我们使用 reactive 这个 api 来构造，对于 computed state 的声明，使用 computed，两者本质上均是 Proxy 对象
对于组件方法的声明，我们直接通过声明普通函数的方式进行声明即可，对于 state 的变更，直接通过闭包使用 reactive 返回的 Proxy 对象即可
setup 的返回值被称作 render context，顾名思义，就是模板中可以访问到的各种数据和方法的上下文对象，我在之前的文章中曾提及，模板在解析数据时，会优先考虑从 data 对象取值，之后就是这个 render context 了
除了返回 render context，还可以返回模板渲染函数，对，就是那个 h(…)，这种形式对应的情况是，当我们没有声明 template 属性时
在 vue-next 中，我们直接从 vue 导入 reactive 、computed 以及其他的 api 即可，如果在 vue2 版本上，我们还可以通过使用 composition-api 这个 plugin 来使用这些 api。
state
声明 state 主要有以下几种形式。
基础类型
基础类型可以通过 ref 这个 api 来声明，如下：
import { ref } from "vue";export default {
