[ Vue3筆記 ] computed


根據官網說明,computed 返回一個只可讀取的響應性 ref,通過.value可以去取getter的值。

const count = ref(1)
const plusOne = computed(() => count.value + 1)
console.log(plusOne.value) // 2

plusOne.value++ // 错误

如果要讓 computed 可修改內容,可使用setter。

const count = ref(1)
const plusOne = computed({
  get: () => count.value + 1,
  set: (val) => {
    count.value = val - 1
  }
})

plusOne.value = 1
console.log(count.value) // 0






你可能感興趣的文章

Entry-level Software Engineer Quantrix

Entry-level Software Engineer Quantrix

【CSS】- 純 CSS 呈現反轉卡片效果

【CSS】- 純 CSS 呈現反轉卡片效果

[React 01] 環境建置

[React 01] 環境建置






留言討論