Question 1

Module @nuxtjs/i18n mang lại điều gì cho một ứng dụng Nuxt?

Accepted Answer

Module @nuxtjs/i18n tích hợp vue-i18n vào Nuxt và bổ sung các tính năng đặc thù của framework như routing tự động theo locale, phát hiện ngôn ngữ trình duyệt, SEO đa ngôn ngữ và tạo tự động các route được bản địa hóa. Nó đơn giản hóa đáng kể việc thiết lập một ứng dụng đa ngôn ngữ bằng cách tự động xử lý các khía cạnh kỹ thuật phức tạp như chuyển hướng, thẻ meta alternate và lazy loading các bản dịch.

Question 2

Cấu hình nào cho phép định nghĩa locale mặc định của một ứng dụng Nuxt i18n?

Accepted Answer

Thuộc tính defaultLocale trong cấu hình i18n định nghĩa ngôn ngữ mặc định được sử dụng khi không có locale cụ thể nào được phát hiện hoặc yêu cầu. Locale này đóng vai trò fallback và được dùng cho gốc của trang nếu strategy routing cho phép. Nó phải tương ứng với một trong các mã được định nghĩa trong mảng locales. Đây là một tham số nền tảng đảm bảo ứng dụng luôn có một ngôn ngữ tham chiếu hoạt động được.

Question 3

Làm thế nào để truy cập các bản dịch trong một component Vue với @nuxtjs/i18n?

Accepted Answer

Composable useI18n do @nuxtjs/i18n cung cấp expose hàm t cho phép truy cập các bản dịch được định nghĩa trong các file locale. Hàm này nhận một key bản dịch và các tham số tùy chọn để nội suy (interpolation). Đây là phương pháp được khuyến nghị trong Nuxt 3 với Composition API, thay thế cú pháp cũ this.$t. Composable cũng cung cấp quyền truy cập vào các tính năng khác như locale, locales và setLocale để quản lý ngôn ngữ một cách động.

Quốc tế hóa trong Nuxt

Module @nuxtjs/i18n mang lại điều gì cho một ứng dụng Nuxt?

Câu trả lời

Cấu hình nào cho phép định nghĩa locale mặc định của một ứng dụng Nuxt i18n?

Câu trả lời

Làm thế nào để truy cập các bản dịch trong một component Vue với @nuxtjs/i18n?

Câu trả lời

Làm thế nào để thay đổi locale đang hoạt động một cách động trong ứng dụng Nuxt i18n?

Sự khác biệt giữa các chiến lược routing prefix_except_default và prefix là 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

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

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