@vladimirir

Как во Vue3/Nuxt3 использовать this со script setup?

При переносе приложения с Vue 2 на Nuxt 3 возникла проблема с изменением состояния компонента после подгрузки.
Более менее разобрался с основными моментами, но застрял на непонимании, как отслеживать изменения свойств. Пример такой. Есть компонент, в котором показан список городов и какой-то город выбирается текущим. У меня в script setup методом useFetch вытягиваются нужные города и отрисовываются сразу в шаблоне. На Vue 2 это было вызовом метода загрузки городов через axios в mounted. Затем, когда пользователь выбирал какой-то город, его значение приписывалось переменной this.currentCity (в которую на момент загрузки ставилось значение - первый элемент из массива загруженных городов). Не совсем понятно, как подобным образом менять состояние компонента через свойства this во Vue 3. Я правильно понимаю, что там для этого как-то используются константы в script setup или в функции setup в обычном script? Или не обязательно вообще setup-ы использовать?
  • Вопрос задан
  • 131 просмотр
Решения вопроса 1
XanXanXan
@XanXanXan
Для этого используются ref
https://vuejs.org/guide/essentials/reactivity-fund...
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы