Question 1

Virtual DOM trong Vue là gì?

Accepted Answer

Virtual DOM là một biểu diễn JavaScript nhẹ của cây DOM thực. Vue sử dụng Virtual DOM để giảm thiểu các thao tác DOM trực tiếp, vốn tốn kém về mặt hiệu năng. Khi trạng thái thay đổi, Vue tạo một Virtual DOM mới, so sánh nó với cái cũ (thuật toán diffing), sau đó chỉ áp dụng những thay đổi cần thiết vào DOM thực. Cách tiếp cận này giảm đáng kể số lượng thao tác DOM và cải thiện hiệu năng, đặc biệt đối với các ứng dụng phức tạp với nhiều lần cập nhật.

Question 2

Sự khác biệt chính giữa ref() và shallowRef() là gì?

Accepted Answer

ref() tạo ra một reference reactive sâu, trong đó tất cả các thuộc tính lồng nhau cũng đều reactive, trong khi shallowRef() chỉ làm cho chính thuộc tính .value trở nên reactive. Với shallowRef(), các thay đổi sâu bên trong đối tượng không kích hoạt cập nhật. Phải thay thế toàn bộ .value để kích hoạt reactivity. shallowRef() hữu ích để tối ưu hóa hiệu năng với các cấu trúc dữ liệu lớn nơi không cần reactivity sâu, hoặc để tích hợp các hệ thống quản lý state bên ngoài.

Question 3

Vai trò của directive v-once là gì?

Accepted Answer

Directive v-once render một phần tử và các phần tử con của nó chỉ một lần trong lần render đầu tiên, sau đó coi chúng là nội dung tĩnh cho tất cả các lần render tiếp theo. Điều này có nghĩa là ngay cả khi dữ liệu thay đổi, phần tử sẽ không bao giờ được cập nhật. Directive này hữu ích để tối ưu hóa hiệu năng cho nội dung tĩnh không bao giờ thay đổi sau lần mount ban đầu, chẳng hạn như hình ảnh banner, logo, hoặc văn bản không cần cập nhật động.

Hiệu năng Vue

Virtual DOM trong Vue là gì?

Câu trả lời

Sự khác biệt chính giữa ref() và shallowRef() là gì?

Câu trả lời

Vai trò của directive v-once là gì?

Câu trả lời

Directive v-memo được giới thiệu trong Vue 3.2+ hoạt động như thế nào?

markRaw() trong Vue có công dụng gì?

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

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