vue.js - Vue コンポジション API でのリアクティブ

Question

リアクティブ オブジェクトの値を変更する適切な方法は何ですか? ref では、値と等しい値を設定します。反応性でそれを行い、反応性を維持する方法は?

setup() {
  const page = reactive({
    title: "Hello, World!",
    categories: [],
  });

  onMounted(() => {
    page.value = {
      title: "Changed Title",
      categories: ['vue', 'angular']
    }
  })

  return { page };
}