56 câu hỏi phỏng vấn Vue.js có đáp án

Tổng hợp 56 câu hỏi phỏng vấn Vue.js kèm đáp án chi tiết, song ngữ Việt–Anh — sắp xếp từ cơ bản đến nâng cao. Ôn luyện miễn phí, tự động lưu tiến độ.

Tất cả câu hỏi phỏng vấn Vue.js

Vue.js là gì? Khác React/Angular thế nào?
Options API vs Composition API — khác nhau gì?
`<script setup>` là gì? Lợi ích so với `setup()` thông thường?
Single File Component (SFC) là gì?
Các directive phổ biến trong Vue: v-if, v-show, v-for, v-model, v-bind, v-on?
v-if vs v-show — khi nào dùng cái nào?
Tại sao `:key` trong `v-for` quan trọng?
v-model hoạt động thế nào? Custom v-model?
Reactivity system trong Vue 3 hoạt động thế nào?
`ref` vs `reactive` — khác nhau gì? Dùng khi nào?
`computed` vs `watch` vs `watchEffect` — dùng khi nào?
Composable là gì? So sánh với Mixins?
Lifecycle hooks trong Composition API?
`provide` / `inject` là gì? Khi nào dùng?
`defineProps` và `defineEmits` trong `<script setup>`?
Các cách truyền data giữa components trong Vue?
Slots là gì? Named slots và scoped slots?
`defineExpose` trong `<script setup>` là gì?
Vue Router cơ bản: cách setup và navigate?
Navigation guards là gì? beforeEach, beforeEnter, beforeRouteEnter?
Dynamic routes và lazy loading routes?
Pinia là gì? Tại sao thay thế Vuex?
Cách tạo và dùng Pinia store?
`storeToRefs` là gì? Tại sao cần?
Persist Pinia store với localStorage?
`v-memo` directive là gì?
KeepAlive component là gì?
Teleport component là gì? Use case?
Suspense component là gì?
Lazy loading components trong Vue?
Custom directives trong Vue 3?
Vue 3 vs Vue 2 — những thay đổi lớn nhất?
SSR với Nuxt.js — Vue SSR hoạt động thế nào?
Error handling trong Vue: errorCaptured và onErrorCaptured?
Render functions và h() trong Vue 3?
Testing Vue components với Vitest và Vue Test Utils?
`nextTick` là gì? Khi nào dùng?
Transition và TransitionGroup trong Vue?
Vue 3 performance optimization best practices?
`toRef`, `toRefs`, `toValue` — dùng khi nào?
accessiblity (a11y) trong Vue — best practices?
Template refs — cách truy cập DOM element và child component trong Vue 3?
Cách fetch async data đúng cách trong Vue 3 Composition API?
Hydration mismatch trong Nuxt/Vue SSR — nguyên nhân và cách fix?
Nuxt 3 data fetching — useFetch vs useAsyncData vs $fetch?
`shallowRef`, `shallowReactive`, `markRaw` — khi nào dùng để tối ưu?
Ref unwrapping trong templates và reactive objects hoạt động thế nào?
Pinia plugins — cách tạo custom plugin và use cases?
Route meta và type-safe route meta trong Vue Router 4?
Scroll behavior trong Vue Router — restore scroll position?
`watchEffect` deep dive — cleanup, flush timing và stop watcher?
Typed `provide` / `inject` với InjectionKey — best practice?
`v-once` và `v-pre` — dùng khi nào để skip rendering?
Virtual scrolling trong Vue — xử lý large lists hiệu quả?
v-model modifiers — built-in và custom modifiers?
Nuxt 3 middleware — route middleware vs server middleware?

Đang tải…

56 câu hỏi phỏng vấn Vue.js có đáp án

Tổng hợp 56 câu hỏi phỏng vấn Vue.js kèm đáp án chi tiết, song ngữ Việt–Anh — sắp xếp từ cơ bản đến nâng cao. Ôn luyện miễn phí, tự động lưu tiến độ.

Tất cả câu hỏi phỏng vấn Vue.js

Vue.js là gì? Khác React/Angular thế nào?
Options API vs Composition API — khác nhau gì?
`<script setup>` là gì? Lợi ích so với `setup()` thông thường?
Single File Component (SFC) là gì?
Các directive phổ biến trong Vue: v-if, v-show, v-for, v-model, v-bind, v-on?
v-if vs v-show — khi nào dùng cái nào?
Tại sao `:key` trong `v-for` quan trọng?
v-model hoạt động thế nào? Custom v-model?
Reactivity system trong Vue 3 hoạt động thế nào?
`ref` vs `reactive` — khác nhau gì? Dùng khi nào?
`computed` vs `watch` vs `watchEffect` — dùng khi nào?
Composable là gì? So sánh với Mixins?
Lifecycle hooks trong Composition API?
`provide` / `inject` là gì? Khi nào dùng?
`defineProps` và `defineEmits` trong `<script setup>`?
Các cách truyền data giữa components trong Vue?
Slots là gì? Named slots và scoped slots?
`defineExpose` trong `<script setup>` là gì?
Vue Router cơ bản: cách setup và navigate?
Navigation guards là gì? beforeEach, beforeEnter, beforeRouteEnter?
Dynamic routes và lazy loading routes?
Pinia là gì? Tại sao thay thế Vuex?
Cách tạo và dùng Pinia store?
`storeToRefs` là gì? Tại sao cần?
Persist Pinia store với localStorage?
`v-memo` directive là gì?
KeepAlive component là gì?
Teleport component là gì? Use case?
Suspense component là gì?
Lazy loading components trong Vue?
Custom directives trong Vue 3?
Vue 3 vs Vue 2 — những thay đổi lớn nhất?
SSR với Nuxt.js — Vue SSR hoạt động thế nào?
Error handling trong Vue: errorCaptured và onErrorCaptured?
Render functions và h() trong Vue 3?
Testing Vue components với Vitest và Vue Test Utils?
`nextTick` là gì? Khi nào dùng?
Transition và TransitionGroup trong Vue?
Vue 3 performance optimization best practices?
`toRef`, `toRefs`, `toValue` — dùng khi nào?
accessiblity (a11y) trong Vue — best practices?
Template refs — cách truy cập DOM element và child component trong Vue 3?
Cách fetch async data đúng cách trong Vue 3 Composition API?
Hydration mismatch trong Nuxt/Vue SSR — nguyên nhân và cách fix?
Nuxt 3 data fetching — useFetch vs useAsyncData vs $fetch?
`shallowRef`, `shallowReactive`, `markRaw` — khi nào dùng để tối ưu?
Ref unwrapping trong templates và reactive objects hoạt động thế nào?
Pinia plugins — cách tạo custom plugin và use cases?
Route meta và type-safe route meta trong Vue Router 4?
Scroll behavior trong Vue Router — restore scroll position?
`watchEffect` deep dive — cleanup, flush timing và stop watcher?
Typed `provide` / `inject` với InjectionKey — best practice?
`v-once` và `v-pre` — dùng khi nào để skip rendering?
Virtual scrolling trong Vue — xử lý large lists hiệu quả?
v-model modifiers — built-in và custom modifiers?
Nuxt 3 middleware — route middleware vs server middleware?