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