Vue 3.0新特性~ Ref 和 Reactive的区别
Ref本质是拷贝,修改响应式数据不会影响原始数据,模板默认调用value显示数据。方法中修改需要修改value的值才能修改。Ref() 函数根据给定的值创建一个响应式的数据对象, 返回值也是一个对象,其只包含一个value属性,在setup函数内部访问需要加.value。
以简单的计数器为列:
Reactive()的使用和ref()函数使用的区别在于其可以直接拿到对象。想要使用创建的响应式数据,只需要在setup中return, 然后直接在template中调用就可以了。注意:Reactive().
原创
2021-07-16 14:45:41 ·
375 阅读 ·
1 评论