Composables trong Vue
Tạo composables, logic có thể tái sử dụng, useState, useRoute, useRouter, các mẫu composables tùy chỉnh
1Composable trong Vue 3 và Nuxt 3 là gì?
Composable trong Vue 3 và Nuxt 3 là gì?
Câu trả lời
Composable là một hàm đóng gói logic có thể tái sử dụng bằng cách dùng Composition API của Vue. Composable cho phép chia sẻ state và side effect giữa các component mà không cần dùng đến mixin. Theo quy ước, tên của một composable luôn bắt đầu bằng tiền tố use, giúp dễ dàng nhận diện trong code.
2Quy ước đặt tên được khuyến nghị cho composable là gì?
Quy ước đặt tên được khuyến nghị cho composable là gì?
Câu trả lời
Composable luôn nên bắt đầu bằng tiền tố use theo sau là một tên mô tả viết theo camelCase. Quy ước này cho phép nhanh chóng nhận diện composable trong code và phân biệt chúng với các hàm tiện ích thông thường. Ví dụ, useCounter, useFetch hoặc useAuth là những tên phù hợp cho composable.
3Composable nên được đặt ở đâu trong một dự án Nuxt 3?
Composable nên được đặt ở đâu trong một dự án Nuxt 3?
Câu trả lời
Composable nên được đặt trong thư mục composables ở gốc của dự án. Nuxt 3 tự động import tất cả các file từ thư mục này, cho phép sử dụng composable mà không cần import chúng thủ công. Việc auto-import này cải thiện trải nghiệm của lập trình viên và giảm code boilerplate.
Lợi thế chính của useState so với ref trong Nuxt 3 là gì?
Làm thế nào để truy cập các tham số của route hiện tại trong một composable Nuxt?
+17 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
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í