Kiến thức cơ bản về Nuxt
Cấu trúc Nuxt, thư mục pages, định tuyến tự động, layouts, app.vue, thư mục server, nuxt.config
1Cấu trúc tối thiểu cần thiết cho một ứng dụng Nuxt 3 là gì?
Cấu trúc tối thiểu cần thiết cho một ứng dụng Nuxt 3 là gì?
Câu trả lời
Một ứng dụng Nuxt 3 chỉ cần một file app.vue hoặc một thư mục pages/ ở thư mục gốc của dự án. Nếu app.vue tồn tại mà không có thư mục pages/, Nuxt tạo một ứng dụng không có Vue Router. Nếu pages/ tồn tại, Nuxt tự động kích hoạt file-based routing và cần <NuxtPage /> trong app.vue để hiển thị các route.
2Định tuyến tự động hoạt động như thế nào trong thư mục pages/?
Định tuyến tự động hoạt động như thế nào trong thư mục pages/?
Câu trả lời
Thư mục pages/ của Nuxt sử dụng file-based routing: mỗi file .vue tự động tạo một route tương ứng. Ví dụ, pages/index.vue trở thành route '/', pages/about.vue trở thành '/about', và pages/blog/[id].vue tạo một route động '/blog/:id'. Cách tiếp cận này loại bỏ việc cấu hình router thủ công.
3Vai trò của component <NuxtPage /> trong app.vue là gì?
Vai trò của component <NuxtPage /> trong app.vue là gì?
Câu trả lời
Component <NuxtPage /> là một outlet hiển thị nội dung trang đang hoạt động dựa trên route hiện tại. Nó bắt buộc trong app.vue khi thư mục pages/ tồn tại. Nếu không có <NuxtPage />, các route sẽ không được hiển thị. Nó tương đương với <router-view /> trong Vue Router tiêu chuẩn nhưng được điều chỉnh cho Nuxt.
Làm thế nào để áp dụng một layout cụ thể cho một trang trong Nuxt 3?
Sự khác biệt giữa việc sử dụng <NuxtLayout> trong app.vue và không sử dụng nó là gì?
+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
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
Di chuyển Vue 2→3 & Nuxt 2→3
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í