Bắt đầu với Vue JS. Ứng dụng CRUD dùng Vuex, Vutify, .NET Core

Cuối tuần rảnh rỗi ngồi tìm hiểu thêm về VueJs. (Latest stable version: 2.6.11) Framework Frontend nổi tiếng bên cạnh ReactJs và AngularJs.

Theo như định nghĩa trên trang chủ thì Vue là một framework dùng để xây dựng giao diện người dùng (user interfaces). Cụ thể, Vue là một progressive framework (framework linh động), cho phép và khuyến khích phát triển ứng dụng theo từng bước. Phần lõi của VueJS chủ yếu là vào phần View, ngoài ra có thể cài thêm các thành phần, thư viện hỗ trợ để đáp ứng nhu cầu xây dựng những ứng dụng SPA (Single-Page-Applications) . Khác với các monolithic framework (framework nguyên khối) cung cấp tất cả mọi thứ cần có để xây dựng app trong một framework duy nhất.

Để bắt đầu không gì nhanh nhất bằng cách vào thẳng trang chủ của nó tại https://vuejs.org, đọc và thực hành theo.

Do tìm hiểu về SPA nên không quan tâm mấy cách dùng VueJs kiểu nhúng file js nữa, mà bay thẳng vào trang CLI của nó cho nhanh. Link: https://cli.vuejs.org/guide/installation.html

Có vài câu lệnh CLI cần quan tâm đó là

Cài đặt
npm install -g @vue/cli
Khởi tạo dự án
vue create hello-world
Khởi động server Vue
vue-cli-service serve
Build & mang đi khoe
vue-cli-service build

Bắt tay vào làm thôi

Link mã nguồn: https://github.com/tuanitpro/vue-crud

Leave a Reply