Vue3 前端获取数据后 “响应式表示” ref and reactive


vue3有2中方法响应式表示

 

1. 使用ref 

首先从VUE引入 然后需要响应式的变量给他ref() 一下,参数其实也是可以直接构造赋值的,但是一般都是 xxx.value 赋值,取值直接返回即可 。

代码:

 

 

然后我们尝试直接使用  ContentRef:

 

 

 

 

可以看到非常的NICE! 

 

上面的对于但数据还好 要是多的话就用 reactive

 

 1.引入 

2.定义一下active 数组 

3.赋值  【格式:  xxx.元素名 |  和数组一样 

5.转为ref  //注意要导入toRef      //其实这一步可以省略 但是教程上是叫我要转ref的 我不转我直接返回也是可以的.

4.返回使用

 

 

 

然后我们直接用:

 

    所以转为ref 好处就是可以自定义返回名 啊哈哈哈哈哈

 

 

 

 

可以看到 也是没什么问题的.

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM