# Di chuyển Vue 2→3 & Nuxt 2→3 (Vue.js / Nuxt.js)

> Từ Options API sang Composition API, từ Vuex sang Pinia, từ asyncData/fetch sang useFetch, breaking changes, chiến lược di chuyển, sự loại bỏ nuxtServerInit

- 22 câu hỏi phỏng vấn
- Senior
- [Câu hỏi phỏng vấn: Vue.js / Nuxt.js](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van.md)

## 1. Sự khác biệt kiến trúc chính giữa Options API của Vue 2 và Composition API của Vue 3 là gì?

**Câu trả lời**

Composition API tổ chức mã theo mối quan tâm logic thay vì theo loại option, cho phép nhóm các đoạn mã liên quan lại với nhau. Cách tiếp cận này cải thiện khả năng đọc và bảo trì của các component phức tạp, khác với Options API vốn tách biệt data, methods và computed properties. Composition API cũng giúp tái sử dụng logic dễ dàng hơn thông qua composables, thay thế hiệu quả cho mixins vốn có thể gây ra xung đột tên.

## 2. Nuxt 3 đã đưa ra thay đổi lớn nào về auto-imports so với Nuxt 2?

**Câu trả lời**

Nuxt 3 bật auto-imports theo mặc định cho composables, component và các tiện ích của framework, loại bỏ nhu cầu import thủ công. Tính năng này cải thiện trải nghiệm của nhà phát triển và giảm mã boilerplate. Nuxt 2 yêu cầu import tường minh cho hầu hết các chức năng. Có thể tắt tính năng này trong cấu hình nếu cần vì lý do kiểm soát tường minh.

## 3. Trong Vue 3, phương pháp nào thay thế cho các filters của Vue 2 đã bị loại bỏ?

**Câu trả lời**

Filters đã bị loại bỏ trong Vue 3 vì chúng tạo ra cú pháp tùy chỉnh khó hiểu đối với các nhà phát triển mới và ảnh hưởng đến hiệu năng. Khuyến nghị chính thức là sử dụng computed properties hoặc methods cho việc biến đổi dữ liệu. Computed properties mang lại lợi thế caching tự động cho các phép tính tốn kém, trong khi methods phù hợp với các phép biến đổi đơn giản có tham số.

## Còn 19 câu hỏi nữa

- Build tool mặc định trong Nuxt 3, thay thế cho Webpack của Nuxt 2, là gì?
- Cú pháp v-model đã thay đổi như thế nào giữa Vue 2 và Vue 3 đối với các component tùy chỉnh?

Đăng ký miễn phí: https://sharpskill.dev/vi/login

## Các chủ đề phỏng vấn Vue.js / Nuxt.js khác

- [Kiến thức nền tảng JavaScript](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/javascript-fundamentals.md): 20 câu hỏi, Junior
- [JavaScript hiện đại (ES6+)](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/es6-modern-javascript.md): 20 câu hỏi, Junior
- [Kiến thức cơ bản về Vue](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/vue-basics.md): 22 câu hỏi, Junior
- [Component Vue](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/vue-components.md): 20 câu hỏi, Junior
- [Vue Router](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/vue-router.md): 18 câu hỏi, Junior
- [Pinia State Management](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/pinia-state-management.md): 20 câu hỏi, Junior
- [Vuex (Legacy)](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/vuex-legacy.md): 15 câu hỏi, Mid-Level
- [Composition API](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/composition-api.md): 24 câu hỏi, Mid-Level
- [Tính reactive của Vue](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/vue-reactivity.md): 20 câu hỏi, Mid-Level
- [Kiến thức cơ bản về Nuxt](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/nuxt-fundamentals.md): 22 câu hỏi, Mid-Level
- [Data Fetching trong Nuxt](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/nuxt-data-fetching.md): 20 câu hỏi, Mid-Level
- [SSR & SSG trong Nuxt](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/nuxt-ssr-ssg.md): 22 câu hỏi, Mid-Level
- [Server Routes Nuxt](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/nuxt-server-routes.md): 20 câu hỏi, Mid-Level
- [Module Nuxt](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/nuxt-modules.md): 18 câu hỏi, Mid-Level
- [Composables trong Vue](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/vue-composables.md): 20 câu hỏi, Mid-Level
- [Form & Validation Vue](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/vue-forms-validation.md): 20 câu hỏi, Mid-Level
- [Quản lý trạng thái Nuxt](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/nuxt-state-management.md): 18 câu hỏi, Mid-Level
- [Testing trong Vue](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/vue-testing.md): 20 câu hỏi, Mid-Level
- [Triển khai Nuxt & CI/CD](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/nuxt-deployment-cicd.md): 22 câu hỏi, Mid-Level
- [Hiệu năng Vue](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/vue-performance.md): 22 câu hỏi, Senior
- [Các mẫu nâng cao trong Vue](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/vue-advanced-patterns.md): 24 câu hỏi, Senior
- [TypeScript với Vue](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/typescript-vue.md): 22 câu hỏi, Senior
- [Xác thực Nuxt](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/nuxt-auth.md): 20 câu hỏi, Senior
- [SEO với Nuxt](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/nuxt-seo.md): 20 câu hỏi, Senior
- [Quốc tế hóa trong Nuxt](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/nuxt-i18n.md): 18 câu hỏi, Senior
- [Kiến trúc Vue](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/vue-architecture.md): 22 câu hỏi, Senior
- [Bảo mật Nuxt](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/nuxt-security.md): 20 câu hỏi, Senior
- [Hệ sinh thái Vue](https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/vue-ecosystem.md): 18 câu hỏi, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/vi/technologies/vue-nuxt/cau-hoi-phong-van/migration-vue2-vue3-nuxt2-nuxt3