export default { data() { return { showPage: true // 默认显示页面 } }, methods: { togglePage() { this.showPage = !this.showPage; // 切换显示状态 } } }这行代码vue3怎么写

在 Vue3 中，组件的写法有所变化，可以使用 `defineComponent` 函数来定义组件，然后在 `setup` 函数中返回数据和方法。

下面是你的代码在 Vue3 中的写法：

import { defineComponent } from 'vue';

export default defineComponent({
  setup() {
    const showPage = ref(true);

    function togglePage() {
      showPage.value = !showPage.value;
    }

    return {
      showPage,
      togglePage
    };
  }
});

在 `setup` 函数中，我们使用 `ref` 函数来创建一个响应式的数据 `showPage`，然后定义一个 `togglePage` 函数来切换显示状态。最后将这两个数据和方法作为对象返回。

注意：在 Vue3 中，需要使用 `ref` 函数来创建响应式的数据，而不是像 Vue2 中直接将数据声明在 `data` 函数中。