1. 程式人生 > 其它 >Vue3 前端獲取資料後 “響應式表示” ref and reactive

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 好處就是可以自定義返回名 啊哈哈哈哈哈

可以看到 也是沒什麼問題的.

本文來自部落格園,作者:鹹瑜,轉載請註明原文連結:https://www.cnblogs.com/bi-hu/p/15376835.html