Vue.js / Nuxt.js

Vue.js: reactivity, Virtual DOM, template, directive (v-if, v-for, v-model)

Options API vs Composition API: setup(), ref(), reactive(), computed()

Lifecycle hook: onMounted, onUpdated, onUnmounted, watch, watchEffect

Component: props, emits, slots, provide/inject, defineExpose

Directive: v-bind, v-on, v-model, v-if/v-show, v-for với :key, directive tùy chỉnh

Hệ thống reactivity: ref vs reactive, toRefs, unref, shallow ref, readonly

Composable: tái sử dụng logic, hook tùy chỉnh, quản lý trạng thái

Kiến trúc Nuxt.js: pages/, components/, layouts/, middleware/, server/

Routing: routing dựa trên file, dynamic route, nested route, route middleware

Lấy dữ liệu: useFetch, useAsyncData, $fetch, chiến lược cache, SSR data

Server route: API endpoint, server middleware, tích hợp database

Quản lý trạng thái: Pinia store, getter, action, lưu trữ trạng thái

Nuxt module: auto-import, @nuxt/image, @nuxtjs/i18n, nuxt-security

Chế độ rendering: SSR, SSG, SPA, rendering kết hợp, useNuxtApp

Kiểm thử: test component (Vitest, Vue Test Utils), E2E (Playwright), mock

Hiệu suất: lazy component, prefetch, tree-shaking, tối ưu Nitro

SEO: useSeoMeta, useHead, tạo sitemap, Open Graph

Triển khai: Nuxt layer, cấu hình môi trường, hosting Vercel/Netlify/Node.js