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 พร้อม :key, directive แบบกำหนดเอง

ระบบ reactivity: ref vs reactive, toRefs, unref, shallow ref, readonly

Composable: การนำตรรกะมาใช้ซ้ำ, hook แบบกำหนดเอง, การจัดการสถานะ

สถาปัตยกรรม Nuxt.js: pages/, components/, layouts/, middleware/, server/

การกำหนดเส้นทาง: file-based routing, dynamic route, nested route, route middleware

การดึงข้อมูล: useFetch, useAsyncData, $fetch, กลยุทธ์ cache, SSR data

Server route: API endpoint, server middleware, การเชื่อมต่อฐานข้อมูล

การจัดการสถานะ: Pinia store, getter, action, การคงอยู่ของสถานะ

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

โหมดการเรนเดอร์: SSR, SSG, SPA, การเรนเดอร์แบบไฮบริด, useNuxtApp

การทดสอบ: ทดสอบ component (Vitest, Vue Test Utils), E2E (Playwright), mock

ประสิทธิภาพ: lazy component, prefetch, tree-shaking, เพิ่มประสิทธิภาพ Nitro

SEO: useSeoMeta, useHead, การสร้าง sitemap, Open Graph

การ deploy: Nuxt layer, การตั้งค่าสภาพแวดล้อม, hosting Vercel/Netlify/Node.js