Xây dựng ứng dụng TodoMVC bằng Vue 3 Composition API và Vuex

TodoMVC được xây dựng bằng Vue 3 Composition API và Vuex

Dự án TodoMVC nổi tiếng được xây dựng bằng Vue 3 Composition API và Vuex một cách có cấu trúc và kiểm tra được.

Edit and try it out online

Các khái niệm và công cụ được bao gồm

• Vue CLI
• Composition Api
• Vuex
• Unit Testing
• E2E Testing

Sử dụng

Sau khi cài đặt các phụ thuộc, các lệnh NPM sau sẽ trở nên có sẵn:

• start: khởi động ứng dụng trong chế độ phát triển tại http://localhost:9000
• build: đóng gói ứng dụng để sản xuất vào thư mục dist
• test: chạy kiểm tra đơn vị và E2E
• test:unit: chạy kiểm tra đơn vị với Mocha và Chai trong thư mục src với đuôi *.spec.js
• test:e2e: chạy kiểm tra E2E với Cypress trong thư mục tests/e2e với đuôi *.spec.js
• format: định dạng mã nguồn với Prettier trong thư mục src
• lint: kiểm tra lỗi với ESLint dựa trên Airbnb’s styleguide và cấu hình Prettier

Kiến trúc thành phần

Ứng dụng tương thích với Vue devtools

Dãy

Đây là một phần của dự án trong đó cùng một ứng dụng đã được triển khai với cùng một kiến trúc.

• Vue
• Vue Composition API
• Angular
• React
• React Hooks
• Svelte

Chi tiết tải xuống:

Tác giả: vuesomedev
Nguồn: https://github.com/vuesomedev/todomvc-vue-composition-api

Giấy phép: MIT license