Vuex (Legacy)
Store Vuex 4, state, mutations, actions, getters, modules, namespacing, di chuyển sang Pinia
1Store Vuex là gì?
Store Vuex là gì?
Câu trả lời
Store Vuex là một container tập trung quản lý state toàn cục của ứng dụng Vue. Nó cho phép chia sẻ dữ liệu giữa nhiều component mà không cần truyền props thủ công qua cây component. Store đảm bảo rằng state chỉ có thể được thay đổi một cách có thể dự đoán thông qua mutations, giúp việc gỡ lỗi và bảo trì các ứng dụng phức tạp dễ dàng hơn.
2Sự khác biệt chính giữa mutations và actions trong Vuex là gì?
Sự khác biệt chính giữa mutations và actions trong Vuex là gì?
Câu trả lời
Mutations là đồng bộ và chịu trách nhiệm trực tiếp cho việc thay đổi state, trong khi actions là bất đồng bộ và có thể chứa logic nghiệp vụ phức tạp trước khi commit mutations. Actions lý tưởng cho các lời gọi API, timer hoặc bất kỳ thao tác bất đồng bộ nào, vì chúng có thể chờ kết quả trước khi thay đổi state qua mutations. Sự tách biệt này đảm bảo các thay đổi state vẫn có thể theo dõi được trong Vue DevTools.
3Getters được dùng để làm gì trong một store Vuex?
Getters được dùng để làm gì trong một store Vuex?
Câu trả lời
Getters trong Vuex hoạt động giống như computed properties cho store. Chúng cho phép tính toán các giá trị dẫn xuất từ state mà không cần lặp lại logic trên nhiều component. Getters được lưu cache và chỉ tính toán lại khi các phụ thuộc của chúng thay đổi, mang lại hiệu năng tốt. Chúng hoàn hảo để lọc, sắp xếp hoặc biến đổi dữ liệu state trước khi hiển thị cho các component.
Làm thế nào để truy cập state Vuex từ một component Vue?
Tại sao dùng actions thay vì mutations cho các lời gọi API trong Vuex?
+12 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
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í