正式リリース前に総予習!! Vue3の変更点まとめ

を使うとオブジェクトや配列への変更をVue.jsが追跡してくれる

export default {
  setup() {
    const state = reactive({ a: 1 })
    return { state }
  }
}

で作成した状態はネストしたオブジェクトや配列への変更も検知してくれる

ルート要素の変更のみを追跡したいときは

はオブジェクトや配列での使用のみを想定していて、もしプリミティブ型などをリアクティブにしたいときは

const user = reactive({
  name: 'foobar',
  tasks: [...]
})
const pendingTasks = computed(() => user.tasks.filter(isPending))