Vue Router
Routes, điều hướng, router-link, dynamic routes, route params, query parameters, navigation guards
1Vue Router là gì?
Vue Router là gì?
Câu trả lời
Vue Router là thư viện routing chính thức cho Vue.js. Nó cho phép tạo các ứng dụng single-page với điều hướng giữa các view khác nhau mà không cần tải lại trang. Vue Router quản lý lịch sử trình duyệt, các tham số URL và cung cấp các tính năng nâng cao như navigation guards để kiểm soát quyền truy cập route.
2Ưu điểm chính của việc dùng router-link thay vì thẻ <a> là gì?
Ưu điểm chính của việc dùng router-link thay vì thẻ <a> là gì?
Câu trả lời
Khác với thẻ <a> tiêu chuẩn, thành phần router-link ngăn việc tải lại toàn bộ trang khi điều hướng. Nó chặn các cú nhấp chuột để thực hiện điều hướng phía client bằng History API của trình duyệt. Điều này giúp giữ nguyên trạng thái ứng dụng và mang lại trải nghiệm người dùng mượt mà, không có độ trễ tải trang.
3Làm thế nào để định nghĩa một route đơn giản trong Vue Router?
Làm thế nào để định nghĩa một route đơn giản trong Vue Router?
Câu trả lời
Một route đơn giản được định nghĩa bằng cách tạo một đối tượng với các thuộc tính path và component trong mảng routes. Thuộc tính path chỉ ra URL (như /about) và component xác định component Vue cần hiển thị. Cấu hình tối thiểu này đã đủ để tạo điều hướng hoạt động trong ứng dụng.
Mục đích của component router-view là gì?
Thuộc tính nào của router-link xác định đích đến?
+15 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
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í