vue3中reactive和ref函数及对比

 reactive和ref函数

1. reactive

接受对象类型数据的参数传入并返回一个响应式的对象

2. ref

接收简单类型或者对象类型的数据传入并返回一个响应式的对象

注意：

• ref函数创建响应式数据，返回值是一个对象

• 模版中使用ref数据,省略.value，js代码中不能省略(特殊：js中watch监听可以省)

3、reactive 对比 ref

1. 都是用来生成响应式数据

2. 不同点：

   1. reactive不能处理简单类型的数据，只支持引用数据类型,ref支持基本和引用数据类型

   2. ref通过.value获取数据，reactive不需要.value

   3. ref创建响应式引用数据类型低层依赖reactive