Vue 3.0新特性~ Ref 和 Reactive的区别

Ref本质是拷贝，修改响应式数据不会影响原始数据，模板默认调用value显示数据。方法中修改需要修改value的值才能修改。Ref() 函数根据给定的值创建一个响应式的数据对象, 返回值也是一个对象，其只包含一个value属性，在setup函数内部访问需要加.value。

以简单的计数器为列：

 Reactive()的使用和ref()函数使用的区别在于其可以直接拿到对象。想要使用创建的响应式数据，只需要在setup中return, 然后直接在template中调用就可以了。注意：Reactive()的参数必须是对象！！！

如要获取列表信息的长度。