Takes a getter function and returns a readonly reactive ref object for the returned value from the getter. It can also take an object with get and set functions to create a writable ref object.
// Creating a readonly computed ref:const count = ref(1)const plusOne = computed(() => count.value + 1)console.log(plusOne.value) // 2plusOne.value++ // error
// Creating a writable computed ref:const count = ref(1)const plusOne = computed({ get: () => count.value + 1, set: (val) => { count.value = val - 1 }})plusOne.value = 1console.log(count.value) // 0
https://vuejs.org/api/reactivity-core.html#computed
Function that produces the next value.
Optional
For debugging. See https://vuejs.org/guide/extras/reactivity-in-depth.html#computed-debugging.
Generated using TypeDoc
Takes a getter function and returns a readonly reactive ref object for the returned value from the getter. It can also take an object with get and set functions to create a writable ref object.
Example
See
https://vuejs.org/api/reactivity-core.html#computed