Блог

Главная - Вопросы по программированию - Какую версию Vue я использую в Nuxt 2.14.0?

Какую версию Vue я использую в Nuxt 2.14.0?

#vue.js #vuejs2 #nuxt.js #vuejs3 #vue-composition-api

#vue.js #vuejs2 #nuxt.js #vuejs3 #vue-composition-api

Вопрос:

Я пытаюсь определить, использует ли мое приложение Nuxt (2.14.0) Vue 2 или Vue 3, и я не могу сказать. Я просмотрел и просмотрел свой файл блокировки, но не могу сказать наверняка. node_modules Я думаю, что он использует только Vue 2 — конкретно vue "^2.6.12 — на основе того, что я могу сказать в файле блокировки.

Кто-нибудь знает, какую версию Vue использует Nuxt в версии 2.14.0? Я попытался прочитать эту проблему, чтобы лучше понять, когда / если Vue 3 был представлен и выпущен публично в Nuxt.js но похоже, что Vue 3 не включен ни в один выпуск Nuxt.js .

Ответ №1:

Текущие версии nuxt.js вы все еще используете vue 2.6.x, и чтобы заставить его работать с основной функцией vue 3 (composition api), вы должны использовать вызываемый модуль composition-api.nuxtjs , как вы можете видеть во введении, которое они говорят:

@nuxtjs/composition-api предоставляет способ использования Vue 3 Composition API с функциями, специфичными для Nuxt.

Комментарии:

1. Спасибо @Boussadjra Brahim — На самом деле я пытался установить swiper js, swiperjs.com/vue , для чего требуется Vue 3. Я не слишком уверен, есть ли здесь какая-то работа, если только Vue 3 не используется вместо Vue 2 в nuxt.js .

2. я думаю, вам следует установить более старую версию swiper, которая могла бы быть совместима с vue 3

3. Это звучит как хорошее предложение. Но на самом деле я нашел то, что работает для меня github.com/surmon-china/vue-awesome-swiper — похоже, это позволяет вам использовать Vue 2 и Swiper JS

4. Это полу-хороший ответ, проблема в том, что через 5 секунд после его публикации этот факт мог измениться. Должен быть какой-то способ узнать, какую версию nuxt использует сейчас?

5. До сих пор nuxt 3, который будет основан на vue 3, еще не выпущен, я слежу за новостями в Github и Twitter, и я отредактирую свой ответ, когда появится новая версия

Ответ №2:

Может быть, вы могли бы попробовать npm why vue и проверить строки о nuxt (yarn работает точно так же: yarn why vue )

 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 для моего примера.