Di chuyển Vue 2→3 & Nuxt 2→3
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
1Sự 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ì?
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.
2Nuxt 3 đã đưa ra thay đổi lớn nào về auto-imports so với Nuxt 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.
3Trong Vue 3, phương pháp nào thay thế cho các filters của Vue 2 đã bị loại bỏ?
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ố.
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?
+19 câu hỏi phỏng vấn
Các chủ đề phỏng vấn Vue.js / Nuxt.js khác
Kiến thức nền tảng JavaScript
JavaScript hiện đại (ES6+)
Kiến thức cơ bản về Vue
Component Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Tính reactive của Vue
Kiến thức cơ bản về Nuxt
Data Fetching trong Nuxt
SSR & SSG trong Nuxt
Server Routes Nuxt
Module Nuxt
Composables trong Vue
Form & Validation Vue
Quản lý trạng thái Nuxt
Testing trong Vue
Triển khai Nuxt & CI/CD
Hiệu năng Vue
Các mẫu nâng cao trong Vue
TypeScript với Vue
Xác thực Nuxt
SEO với Nuxt
Quốc tế hóa trong Nuxt
Kiến trúc Vue
Bảo mật Nuxt
Hệ sinh thái Vue
Nắm vững Vue.js / Nuxt.js cho lần phỏng vấn tiếp theo
Truy cập tất cả câu hỏi, flashcards, bài kiểm tra kỹ thuật, bài tập code review và mô phỏng phỏng vấn.
Bắt đầu miễn phí