vue3 <script setup>下reactive用法

第一种:不使用toRefs解构的,也就是在template中使用对象引用方式





初始页面状态:

vue3 <script setup>下reactive用法_第1张图片

分别点击后

vue3 <script setup>下reactive用法_第2张图片

 第二种:使用toRefs解构的,也就是在template中直接使用定义好的变量名等等



 初始页面状态:

vue3 <script setup>下reactive用法_第3张图片

分别点击后:

vue3 <script setup>下reactive用法_第4张图片

你可能感兴趣的:(vue3,vue3,reactive,toRefs)