vue中的Reactive,ref,readonly

一、Reactive api
下面我们可以一个例子

如图所示，当我们点击button按钮的时候，是没有响应式效果的，此时我们需要reactive api。

那么这是什么原因呢？为什么就可以变成响应式的呢：
因为当我们使用reactive函数处理我们的数据之后，数据再次被使用时就会进行依赖收集，当数据发生改变时，所有收集到的依赖都是进行对应的响应式操作，我们编写的data选项，也是在内部交给了reactive函数将其编程响应式对象的。
二、Ref api
reactive api对传入的类型是有限制的，要求我们必须传入一个对象或者数组，但是如果我们传入基本数据类型的话，会报一个警告（String, Number, Boolean）。