Reactive Composables

When using any of the define functions, such as defineWebPage, full reactivity is provided out of the box.

All values are reactive and support:

• ref
• computed getter
• computed (not recommended)

defineWebPage({
  name: () => myPage.value.name,
})

It's recommended to avoid using computed, as you will have simpler and more performant code.

When using reactivity in SSR, only at the time of rendering the SSR tags will be refs be resolved.

When using reactivity in CSR, any ref changes will trigger a request to update the DOM.