[筆記] Vue3 中用安全的方法取得 Proxy 的值 @地瓜大的飛翔旅程

章節連結

內容
參考資料

在 Vue3 中的響應式已經改由 Proxy 來進行，不過當要取得 [ Proxy ] 物件內的 Target 的值，總是要透過 JSON.stringify() 來操作，會讓人覺得有些擔心，畢竟 JSON.stringify() 是滿容易出現錯誤的。Vue3 有提供 toRaw 的方法可以拿到原始數據的值，並進行修改。

內容

import { ref, toRaw } from 'vue'
const a = ref(boolean)

watch(
  () => a,
  (newVal) =>{
    console.log(newVal)
  }
)

import { ref, toRaw } from 'vue'

const a = ref(boolean)

watch(

() => a,

(newVal) =>{

console.log(newVal)

}

)

參考資料

1. vue3中toRaw使用

按讚加入粉絲團

內容

參考資料

延伸閱讀