nuxt.js - Nuxt Vue 3，选项 api 工作正常时无法使用组合 api

Question

当我使用 options api 时它可以工作，但是当我切换到 composition api 时，它会失败。Nuxt 项目，这里是简单的代码。

我得到的错误是 displaySidenav 未定义

<script>
import TheHeader from "../components/Navigation/TheHeader";
import TheSidenav from "../components/Navigation/TheSidenav";
import ref from "vue";

export default {
  components: {
    TheHeader,
    TheSidenav
  },
  data() {
    return {
      displaySidenav: false
    };
  }
  // setup() {
  //   const displaySidenav = ref(false);
  //   return { displaySidenav };
  // }
};
</script> 

标签： nuxt.jsvuejs3

Answer 1

我必须安装 npm i @nuxtjs/composition-api 。composition api 在 nuxt 中是 beta 版。