我正在运行Nuxt 2.14.0，我使用的是哪个Vue版本？

Question

我正在尝试确定我的Nuxt应用程序（2.14.0）是使用Vue 2还是Vue 3，但我无法确定。我已经深入研究了node_modules并查看了我的锁定文件，但无法确定。基于我在锁定文件中所看到的，我认为它仅使用Vue 2，特别是vue "^2.6.12。

有人知道Nuxt版本2.14.0使用的Vue版本吗？我试图阅读这个问题以更好地了解Vue 3何时/if被引入并公开发布在Nuxt.js中，但听起来Vue 3没有被整合进任何Nuxt.js发布版本中。

- robskrob

Answer 1

目前的nuxt.js版本仍在使用vue 2.6.x，若要兼容vue 3的主要特性（组合式API），您应该使用名为composition-api.nuxtjs的模块。正如您在介绍中看到的那样：

@nuxtjs/composition-api提供了一种使用Vue 3 Composition API与具有Nuxt特定功能的方法。

- Boussadjra Brahim

---

谢谢@Boussadjra Brahim -- 我实际上正在尝试安装swiper js，https://swiperjs.com/vue/，它需要Vue 3。我不太确定是否有解决方法，除非在nuxt.js中使用Vue 3而不是Vue 2。 - robskrob

我认为你应该安装一个旧版本的Swiper，这个版本可以与Vue 3兼容。 - Boussadjra Brahim

这听起来是个不错的建议。但事实上，我找到了适合我的东西 https://github.com/surmon-china/vue-awesome-swiper -- 看起来它允许你使用Vue 2和Swiper JS。 - robskrob

这是一个半好的答案，问题是，它发布后5秒钟，这个事实可能已经改变了。必须有一些方法来找出nuxt现在使用的版本是哪个？ - thnee

目前为止，基于Vue 3的Nuxt 3仍未发布。我正在关注Github和Twitter上的消息，如果有新版本发布，我会编辑我的答案。 - Boussadjra Brahim

Answer 2

也许你可以尝试使用 npm why vue 命令，并查看关于 nuxt 的行（yarn 使用相同的命令：yarn why vue）。该命令与 html 标签保持不变。

vue@2.6.14
node_modules/@nuxt/vue-renderer/node_modules/vue
  vue@"^2.6.12" from @nuxt/vue-renderer@2.15.8
  node_modules/@nuxt/vue-renderer
    @nuxt/vue-renderer@"2.15.8" from nuxt@2.15.8
    node_modules/nuxt
      nuxt@"^2.15.8" from the root project
    @nuxt/vue-renderer@"2.15.8" from @nuxt/server@2.15.8
    node_modules/@nuxt/server
      @nuxt/server@"2.15.8" from nuxt@2.15.8
      node_modules/nuxt
        nuxt@"^2.15.8" from the root project
      @nuxt/server@"2.15.8" from @nuxt/core@2.15.8
      node_modules/@nuxt/core
        @nuxt/core@"2.15.8" from nuxt@2.15.8
        node_modules/nuxt
          nuxt@"^2.15.8" from the root project

vue@2.6.14
node_modules/@nuxt/vue-app/node_modules/vue
  vue@"^2.6.12" from @nuxt/vue-app@2.15.8
  node_modules/@nuxt/vue-app
    @nuxt/vue-app@"2.15.8" from nuxt@2.15.8
    node_modules/nuxt
      nuxt@"^2.15.8" from the root project
    @nuxt/vue-app@"2.15.8" from @nuxt/builder@2.15.8
    node_modules/@nuxt/builder
      @nuxt/builder@"2.15.8" from nuxt@2.15.8
      node_modules/nuxt
        nuxt@"^2.15.8" from the root project
  peer vue@"^2.0.0" from vuex@3.6.2
  node_modules/@nuxt/vue-app/node_modules/vuex
    vuex@"^3.6.2" from @nuxt/vue-app@2.15.8
    node_modules/@nuxt/vue-app
      @nuxt/vue-app@"2.15.8" from nuxt@2.15.8
      node_modules/nuxt
        nuxt@"^2.15.8" from the root project
      @nuxt/vue-app@"2.15.8" from @nuxt/builder@2.15.8
      node_modules/@nuxt/builder
        @nuxt/builder@"2.15.8" from nuxt@2.15.8
        node_modules/nuxt
          nuxt@"^2.15.8" from the root project

所以，对于我的例子，nuxt@2.15.8 使用 vue@2.6.14。

- Grusat

Answer 3

如果有人现在正在查看这个帖子，请注意，目前Nuxt 2使用Vue 2.7.x，因此组合API现在可以使用了 :)

- Kevin Flynn