ref
????????用途: ref 通常用于創建一個響應式的基本類型數據(如 string、number、boolean 等),但它也可以用于對象或數組? ? ?
????????返回值: ref 返回一個帶有 .value 屬性的對象,訪問或修改數據需要通過 .value 進行? ??
????????使用場景: 適合處理單個值或需要明確訪問 .value 的場景
import { ref } from 'vue';const count = ref(0) // 創建一個響應式的數字
console.log(count.value) // 訪問值
count.value++ // 修改值
reactive
????????用途: reactive 用于創建一個響應式的對象或數組
????????返回值: reactive 直接返回一個響應式代理對象,無需通過 .value 訪問
????????使用場景: 適合處理復雜對象或嵌套數據結構
import { reactive } from 'vue';const state = reactive({count: 0,name: 'Vue'
})
console.log(state.count) // 直接訪問屬性
state.count++ // 直接修改屬性
?
?