Reactive components with Vue 3.
2 topics
Vue 3 uses the Composition API for organizing component logic. setup() function or <script setup> syntax. Reactive state: ref() for primitives, reactive() for objects. Computed properties with computed(). Watchers with watch() and watchEffect(). Template syntax: {{ interpolation }}, v-bind, v-on, v-if/v-else, v-for, v-model. Component props, emits, and slots.
2 resources
Component design: props (parent → child), emits (child → parent), provide/inject (dependency injection), and slots (content distribution). Pinia for global state: defineStore, state, getters, actions, with DevTools integration and TypeScript support. Vue Router: route definitions, dynamic routes, navigation guards, lazy loading.
1 topic
Nuxt 3 is the full-stack framework for Vue: file-based routing, SSR/SSG/ISR, auto-imports, server API routes (Nitro), and SEO-friendly. Vite for fast dev server and builds. VueUse for composable utilities. Vitest for testing. UI libraries: PrimeVue, Vuetify, Naive UI. TypeScript integration with defineProps<T>().