Hướng dẫn cơ bản về Vue3
Giới thiệu về framework
Cài đặt framework
Cấu trúc component
Đối tượng data
Làm việc với thuộc tính
Thực thi code trong views
Mảng
Đối tượng
Làm việc với phương thức
Gắn trình xử lý sự kiện
Làm việc với data bên trong phương thức
Các phương thức hỗ trợ
Truyền tham số vào phương thức
Reactivity
Thuộc tính computed
Modifier sự kiện
Điều kiện
Hiển thị theo điều kiện
Đảo ngược điều kiện
Điều kiện phản ứng
Bật tắt phần tử
Thay đổi văn bản khi bật tắt
Chỉ thị v-else
Điều kiện phức tạp
Chỉ thị v-else-if
Nhóm điều kiện
Chỉ thị v-show
Vòng lặp
Duyệt mảng
Lấy khóa khi duyệt mảng
Duyệt đối tượng
Duyệt nhóm thẻ
Duyệt mảng các đối tượng
Vòng lặp trong phạm vi
Điều kiện trong vòng lặp
Thuộc tính key
Tính phản ứng của mảng
Kiểu dáng
Định kiểu thành phần
Thuộc tính class
Đối tượng chứa các lớp CSS
Tính phản ứng của đối tượng chứa lớp CSS
Đối tượng nội tuyến chứa các lớp CSS
Lớp CSS thông qua data
Định kiểu thông qua thuộc tính style
Biểu mẫu
Ràng buộc dữ liệu hai chiều với input
Lấy dữ liệu biểu mẫu theo sự kiện
Làm việc với textarea
Làm việc với checkbox
Mảng giá trị của checkbox
Làm việc với nút radio
Làm việc với select
Tạo select trong vòng lặp
Vô hiệu hóa phần tử
Bộ điều chỉnh phím
Biểu mẫu để thêm phần tử vào mảng
Nút để xóa phần tử khỏi mảng
Nút để xóa khỏi mảng đối tượng
Biểu mẫu để chỉnh sửa mảng đối tượng
Các Thành Phần
Giới thiệu
Tạo các thành phần con
Truyền dữ liệu vào thành phần
Truyền dữ liệu thuộc bất kỳ loại nào
Truyền các thuộc tính của đối tượng data
Chỉ định kiểu cho props
Tạo các thành phần trong vòng lặp
Luồng dữ liệu một chiều
Phát ra sự kiện
Tham số của sự kiện
Phát ra sự kiện trong thuộc tính
Xóa các thành phần một cách phản ứng
Chỉnh sửa các thành phần một cách phản ứng
Thành phần để thêm dữ liệu