Vue3 前端獲取資料後 “響應式表示” ref and reactive
阿新 • • 發佈:2021-10-07
vue3有2中方法響應式表示
1. 使用ref
首先從VUE引入 然後需要響應式的變數給他ref() 一下,引數其實也是可以直接構造賦值的,但是一般都是 xxx.value 賦值,取值直接返回即可 。
程式碼:
然後我們嘗試直接使用 ContentRef:
可以看到非常的NICE!
上面的對於但資料還好 要是多的話就用 reactive
1.引入
2.定義一下active 陣列
3.賦值 【格式: xxx.元素名 | 和陣列一樣】
5.轉為ref //注意要匯入toRef //其實這一步可以省略 但是教程上是叫我要轉ref的 我不轉我直接返回也是可以的.
4.返回使用
然後我們直接用:
所以轉為ref 好處就是可以自定義返回名 啊哈哈哈哈哈
可以看到 也是沒什麼問題的.
本文來自部落格園,作者:鹹瑜,轉載請註明原文連結:https://www.cnblogs.com/bi-hu/p/15376835.html