<aside> 💡 Có thể bạn chưa biết về TS

</aside>

1. Ý nghĩa khi dùng TS

Lợi ích mang lại

• Các IDE hỗ trợ xuất sắc trọng việc tự động nhắc lệnh và cung cấp thông tin về type. Một function cần bạn truyền vào những gì, nó sẽ trả về những gì, tất cả điều minh bạch
• Tự tin khi cần refactor code cũ trong một dự án lớn. Nếu như bạn biết dự án đó sẽ tiếp tục kéo dài quá trình phát triển trong vòng 2, 3 năm tới, bạn sẽ tự tin hơn khi nhìn lại code của chính mình viết cách đây một năm về trước. Bạn sẽ biết được mình đã làm cái khỉ khô gì trước đây vậy.

Đánh đổi

• Tốn thời gian học. Để thực sự trở thành developer thành thạo TypeScript hay bất cứ ngôn ngữ nào khác, bạn cần thời gian học nó một cách bài bản. Ví dụ khi bạn sử dụng các API của Vue, bạn sẽ thấy rất tường minh dễ hiểu, nhưng khi nhìn vào code bên trong của các API này, bạn sẽ không dễ gì hiểu được những gì đang xảy ra.
• Thời gian chạy dự án lâu. Khi viết TypeScript, bạn bắt buộc phải nghĩ bạn sẽ dùng kiểu gì ngay từ đầu, bạn sẽ tốn thời gian để nghĩ những gì mình viết hơi lâu một chút

2. Các lưu ý khi dùng TS

Để khai báo 1 kiểu dữ liệu cho Object ta có 3 lựa chọn: Interface, Class hoặc Type

// Khai bao interface
interface Tag {
    id: string;
    disabled: boolean;
    tabIndex?: number; => ? cho phep nullable
    ...
    [key: string]: any; => cho phep them custom keys
}

Sử dụng Interface trên ta tạo 1 biến myTag có kiểu là Tag

let myTag : Partial<Tag> = {};
// Partial cho phep khoi tao object {}

Dùng TS trong OptionAPI

Vue.js 3 TypeScript Setup & Basics Tutorial | KoderHQ

How to use Vue 3 with TypeScript - LogRocket Blog