Component Vue
Vòng đời component, props, events, slots, scoped styles, giao tiếp giữa các component, component động
1Component Vue là gì?
Component Vue là gì?
Câu trả lời
Component Vue là một Vue instance có thể tái sử dụng và có tên. Nó đóng gói HTML, CSS và JavaScript thành một đơn vị logic độc lập. Các component cho phép chia giao diện người dùng thành những phần có thể tái sử dụng và dễ bảo trì. Mỗi component có template, logic và style riêng, giúp việc tổ chức mã nguồn và tái sử dụng trở nên dễ dàng hơn.
2Làm thế nào để khai báo props trong một component Vue 3 với script setup?
Làm thế nào để khai báo props trong một component Vue 3 với script setup?
Câu trả lời
Trong Vue 3 với script setup, defineProps() là một compiler macro cho phép khai báo props mà không cần import tường minh. Macro này tự động tạo ra mã cần thiết và đưa props vào template. Nó hỗ trợ kiểm tra kiểu của TypeScript và JavaScript, giúp mã ngắn gọn và an toàn về kiểu hơn so với cách tiếp cận Options API.
3Hook onMounted() có chức năng gì trong lifecycle của một component?
Hook onMounted() có chức năng gì trong lifecycle của một component?
Câu trả lời
Hook onMounted() được thực thi sau khi component đã được mount vào DOM. Đây là thời điểm lý tưởng để thực hiện các thao tác cần truy cập DOM, như khởi tạo thư viện bên thứ ba, lấy dữ liệu qua API, hoặc thao tác trực tiếp với các phần tử DOM. Ở giai đoạn này, template đã được render và có thể truy cập các refs.
Làm thế nào để một component con emit một event đến component cha của nó?
Slots được dùng để làm gì trong một component Vue?
+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
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
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í