Question 1

v-model trong Vue là gì?

Accepted Answer

v-model tạo ra two-way binding giữa một phần tử form và dữ liệu reactive. Nó tự động đồng bộ giá trị của input với biến liên quan, loại bỏ nhu cầu viết thủ công binding giá trị và event listener. Directive này là cách tiêu chuẩn để xử lý form trong Vue.

Question 2

Tương đương của v-model khi dùng v-bind và một event listener là gì?

Accepted Answer

v-model là cú pháp đường (syntactic sugar) cho sự kết hợp của v-bind:value (hoặc :value) để liên kết giá trị và @input để lắng nghe thay đổi. Sự kết hợp này giúp hiểu cách v-model hoạt động bên trong và hữu ích khi cần kiểm soát chi tiết hơn việc cập nhật.

Question 3

Nên dùng modifier v-model nào để đồng bộ giá trị chỉ sau khi người dùng rời khỏi trường nhập?

Accepted Answer

Modifier .lazy thay đổi hành vi của v-model để lắng nghe sự kiện change thay vì input. Việc đồng bộ diễn ra khi blur thay vì sau mỗi lần gõ phím. Điều này hữu ích để giảm các cập nhật thường xuyên và cải thiện hiệu năng trên các trường có validation tốn kém.

Form & Validation Vue

v-model trong Vue là gì?

Câu trả lời

Tương đương của v-model khi dùng v-bind và một event listener là gì?

Câu trả lời

Nên dùng modifier v-model nào để đồng bộ giá trị chỉ sau khi người dùng rời khỏi trường nhập?

Câu trả lời

Modifier v-model nào tự động chuyển đổi đầu vào thành số?

v-model hoạt động như thế nào với một checkbox đơ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

Composables trong 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