首页 > 建站教程 > 前端框架 >  vue3 reactive和ref区别正文

vue3 reactive和ref区别

vue3 reactive和ref区别:

1、 从定义数据方面:

ref通常用来定义基本类型数据

reactive用来定义:对象(或者数组)类型数据

ref也可以用来定义对象或者数组类型的数据,内部会通过reactive转为代理对象


2、从原理方面:

ref通过Object.defineProperty()的get和set实现数据代理。

reactive使用Proxy实现数据代理,并且通过Reflect操作源对象内部的数据。


3、从使用方面:

ref操作数据需要.value属性,template模板中不需要。

reactive都不需要value