vue3用起来最不爽的地方不是setup语法的变化而是reactive和ref两种声明响应式变量的方式单独用ref来声明基本变量，用reactive来声明引用变量用起来都很麻烦最舒服的使用方式

vue3用起来最不爽的地方不是setup语法的变化而是reactive和ref两种声明响应式变量的方式单独用ref来声明基本变量，用reactive来声明引用变量用起来都很麻烦最舒服的使用方式有两种：1.一般情况下只用选项式api，用data,methods那些，挺好的。真需要用setup的时候再用，2.使用setup，然后把同一个组件内会用到的变量都声明到一个对象中，使用reactive包装一下，比如```jsconststate=reactive({num:1。

这是集装箱的种类：干货集装箱还是冷藏集装箱（Reefer)一般的就用的都是干货的，有特殊的才用得到冷藏的。DryorRef？粗包装还是精包装？（注：只是供你参考，因为不知道具体情景。要知道这个是什么意思,其实看它前面的那个句子就知道了,Ordersisthesame2cont.这些订单刚刚好两个集装箱．所以DryorRef？

1）ref创建一个响应式数据，一般来说用于创建简单类型的响应式对象，比如String、Number、boolean类型；2）当我们给ref传递一个值之后，如果使用的是基本类型响应式依赖Object.defineProperty()的get()和set()，如果ref使用的是引用类型，ref函数底层会自动将ref转换成reactive;ref(18)>reactive({value:18})；3）需要注意的是ref定义的值在Vue中使用直接使用所定义的字段，但是在js中获取或者修改值需要通过value；4）ref也可以创建引用类型，对于复杂的对象，值是一个被proxy拦截处理过的对象，但是里面的属性不是RefImpl类型的对象，proxy代理的对象同样被挂载到value上，所以可以通过obj.value.key来读取属性，这些属性同样也是响应式的，更改时可以触发视图的更新具体使用及结构打印如下：1）reactive里面参数定义必须是对象或者数组(json/arr)，本质将传入的数据包装成p。