标签：返回 reactive xxx 获取数据 Vue3 直接 ref 赋值

vue3有2中方法响应式表示

 

1. 使用ref 

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

代码：

 

 

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

 

 

 

 

可以看到非常的NICE！ 

 

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

 

 1.引入 

2.定义一下active 数组 

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

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

4.返回使用

 

 

 

然后我们直接用：

 

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

 

 

 

 

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

 

标签：返回,reactive,xxx,获取数据,Vue3,直接,ref,赋值
来源： https://www.cnblogs.com/bi-hu/p/15376835.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。