Как использовать data и реактивность в Nuxt 3?

Question

[sportik174]

Не так давно решил попробовать Nuxt 3
И сразу возник вопрос как создавать переменные как например создаются во Vue

data() {
   return {
      message: "Hello World"
   }
}

И как изменять эти переменные как это можно делать во Vue
this.message = "New Hello World"

В документации Nuxt 3 нет этих примеров либо я что-то не понимаю

Comments

[Владислав Лысков]

потому что не надо надо так делать в nuxt 3, и в vue 3 тоже
оставьте это наследние vue 2/nuxt 2
и читайте про отличия composition api от options api

[sportik174]

Владислав Лысков, Можно по подробнее?

[Владислав Лысков]

sportik174, нельзя, всё есть в доках

[sportik174]

Владислав Лысков, вроде как здесь задаются вопросы чтобы кто-то помог и подсказал. Зачем что-то писать если нет желания помочь Отправлять смотреть доку очень гениально!

[Владислав Лысков]

sportik174, я указал направление куда копать, информации вагон, дублировать её здесь нет никакого смысла, тем более что ты даже не написал что тебе не понятно, что тебе нужно подробнее

[sportik174]

Владислав Лысков, получается аналогом того что я выше написал будет это?

const message = ref("Hello World")
message.value = "New Hello World"

[Владислав Лысков]

sportik174, ага)

Answer 1

[sportik174]

Решение:
Почитать про отличия composition api от options api
Если брать пример который я писал выше то для Nuxt 3 он выглядит так

const message = ref("Hello World")
message.value = "New Hello World"