I. Tổng Quan Về Vue 3

1. Những Tính Năng Nổi Bật Của Vue 3

- Composition API

• Composition API cung cấp cơ chế mới, trực quan hơn để quản lý reactivity mà không ảnh hưởng đến tổ chức mã nguồn.
• Cho phép đóng gói logic liên quan đến state và method trong một khối, sử dụng phương thức setup()
• Lưu ý rằng component instance chưa được khởi tạo trong setup(), vì thế không thể sử dụng this.

- Nhiều Phần Tử Gốc

• Trong Vue 3, một component có thể chứa nhiều node gốc, giúp tối ưu hóa cấu trúc mã và CSS.

- Suspense

• Component Suspense cho phép hiển thị nội dung dự phòng (fallback content) trước khi hoàn tất tải dữ liệu.

- Nhiều V-models

• Vue 3 cho phép sử dụng nhiều v-model trong một component, khác biệt hoàn toàn với giới hạn của Vue 2.

- Cải Thiện Reactivity

• Vue 3 cải thiện khả năng reactivity cho phép thêm/xóa thuộc tính mà không cần sử dụng watch hay methods.

- Teleport

• Component Teleport cho phép di chuyển nội dung trong DOM, hữu ích cho việc quản lý modal và dropdown.

- Tùy Chỉnh CSS Động

• Hỗ trợ v-bind trong