Lập trình Vue
Khám phá các bài học, hướng dẫn và kinh nghiệm lập trình từ VNWebPro.
BÀI 11: KẾT NỐI API TRONG VUE 3 (VỚI FETCH VÀ AXIOS)
Mục tiêu: Có 2 cách phổ biến: Cách Mô tả fetch() Hàm gốc của trình duyệt, không cần cài thêm…
Đọc tiếpBÀI 10: DỰ ÁN MINI – TODO APP (QUẢN LÝ CÔNG VIỆC)
Demo giao diện học: (1 file HTML, chia nhiều trang) Kỹ thuật Có trong bài Vue.createApp() Tạo app Vue component…
Đọc tiếpBÀI 9: VUE ROUTER – SPA (Single Page Application)
Vue Router giúp tạo website nhiều trang (route), nhưng vẫn hoạt động như một trang duy nhất (Single Page Application…
Đọc tiếpBÀI 8: GIAO TIẾP GIỮA COMPONENTS – PROPS & EMIT
Hướng giao tiếp Cách làm Cha → Con Dùng props Con → Cha Dùng $emit('eventName', data) và @eventName="handler" Thành phần…
Đọc tiếpBÀI 7: VUE COMPONENTS – XÂY DỰNG GIAO DIỆN DẠNG KHỐI
Component là một khối giao diện độc lập, có thể tái sử dụng nhiều nơi. Ví dụ: <button-custom>, <user-card>, <product-box>……
Đọc tiếpBÀI 6: COMPUTED & WATCH – TÍNH TOÁN VÀ THEO DÕI DỮ LIỆU
Tiêu chí computed watch Hoạt động Trả về giá trị mới khi dữ liệu liên quan thay đổi Theo dõi…
Đọc tiếpBÀI 5: METHODS & EVENTS TRONG VUE
Mục tiêu: Các kiến thức chính: Tính năng Vue Cú pháp Ghi chú Gọi hàm khi click @click="tenHam" Viết trong…
Đọc tiếpBÀI 4: VUE DIRECTIVES – CÁC CHỈ THỊ CƠ BẢN
Mục tiêu: Các chỉ thị quan trọng: Vue Directive Tác dụng Ghi chú v-if, v-else, v-else-if Ẩn/hiện phần tử theo…
Đọc tiếpBÀI 3: DATA BINDING TRONG VUE.JS
Mục tiêu: Kết quả học được: Tính năng Vue Directive Ví dụ Hiển thị nội dung {{ variable }} {{…
Đọc tiếpBÀI 2: KHỞI TẠO VUE.JS BẰNG CDN + HELLO WORLD
Mục tiêu: Kiến thức chính: Mã nguồn: Giải thích: Bài tập:
Đọc tiếp