Trong lúc làm dự án ắt hẳn bạn cũng đã từng có những lăn tăn về làm sao để code có thể dể nhìn và dễ đọc. Và một điều quan trọng nữa là phải đúng chuẩn mọi người hay làm. Ở bài này mình xin hướng dẫn các bạn cách setup config các Extendsion […]
VueJS – Hướng dẫn làm Admin Dashboard – Phần 4: Hiển thị Active Menu
Bài này sẽ hướng dẫn các bạn làm cách nào có thể hiển thị được Active menu khi User đang đứng tại màn hình đó
VueJS – Hướng dẫn làm Admin Dashboard – Phần 3: Router
Nhúng vue-router package vào trang Web Tạo 2 Page chứa nội dung Bạn tạo folder src\pages Sau đó tạo 2 file HomePage.vue & ListPage.vue với nội dung như sau HomePage.vue ListPage.vue Tạo file Router Bạn vào folder src\router và tạo file app-router.js với nội dung như sau Ý nghĩa của file này là khi mình […]
VueJS – Hướng dẫn làm Admin Dashboard – Phần 2: Nhúng Boostrap làm đẹp
Ở bài trước chúng ta đã tạo được các components cơ bản của Admin Dashboard. Bài này mình sẽ style cho đẹp nha
VueJS – Hướng dẫn làm Admin Dashboard – Phần 1: Khởi tạo project
Hôm nay mình sẽ hướng dẫn các bạn làm Admin Dashboard với VueJS nhé
[VueJS] Chia components nâng cao với VueX
Trong lúc bạn làm dự án ắt hẳn bạn có nhu cầu tạo 1 form và chia components theo phân cấp như sau Cart Cart-Items Textbox Việc chia components như vậy sẽ giúp mình tái sử dụng được components tốt hơn. Có thể sử dụng được ở nhiều nơi. 1. Tạo BaseTextbox.vue 2. Tạo page […]
[VueJS] Tạo 1 project VueJS v2 hoàn chỉnh từ đầu đến cuối
1. Khởi tạo project Vue2x Cài đặt những bước cơ bản Cài đặt Vue CLI npm install -g @vue/cli Tạo project vue create open_cart2x Nếu gặp lỗi như bên dưới File …\AppData\Roaming\npm\vue.ps1 cannot be loaded. The file …\AppData\Roaming\npm\vue.ps1 is not digitally signed Chạy câu lệnh Set-ExecutionPolicy -Scope Process -ExecutionPolicy Bypass chạy lại step 2 vue […]
[VueJS] Dependency Injection Component
Dependency Injection là 1 khuôn mẫu (pattern) tuyệt vời khi chúng ta xây dựng một ứng dụng to lớn và phức tạp. Thử thách khi xây dựng những ứng dụng như vậy là tạo ra những component ít phụ thuộc vào nhau nhất có thể (loosely coupled). Và đây là lý do dependency là một […]