Перейти к основному содержанию

Вопросы Таймер Резервное копирование

ZORO

Zoro — всё бесплатно, без регистрации и без рекламы.

Поддержать Zoro

\n```\n\n**ref:**\n```vue\n\n```\n\n**Key differences:**\n- **useState** — SSR-safe.\n- **ref** — client-only.\n- **useState** — shared state."}}]}

Главная/🟢 Vue.js/Вопросы 149

Vue.js: What is the difference between useState and ref in Nuxt 3?

149

🟢Vue.js⚡ middle

What is the difference between useState and ref in Nuxt 3?

useState — SSR-compatible state. ref — client-only state.

useState:

vue

1<script setup>
2// Shared between server and client
3const count = useState("count", () => 0)
4
5// Increment
6count.value++
7</script>

ref:

vue

1<script setup>
2// Client-only
3const count = ref(0)
4</script>

Key differences:

useState — SSR-safe.
ref — client-only.
useState — shared state.

Больше вопросов по Vue.js

What is Vue.js and what is it used for?
What is the difference between Vue 2 and Vue 3?
What is the difference between Options API and Composition API in Vue?
What is the difference between ref() and reactive() in Vue 3?
What is the difference between computed() and methods in Vue?

What is the difference between useAsyncData and useLazyFetch in Nuxt 3?What is the difference between useError and error.vue in Nuxt 3?

Назад к категории Vue.js