Todo App với Pinia
Lập trìnhTái cấu trúc Todo App sử dụng Pinia cho state management
Hướng dẫn
Lời giải
Tạo stores cho: - Todo store: quản lý todos và các actions - UI store: quản lý theme, loading states - Sử dụng multiple stores trong component
Code mẫu
// stores/todo.js
export const useTodoStore = defineStore('todo', {
// Viết state, getters, actions
})
// stores/ui.js
export const useUIStore = defineStore('ui', () => {
// Viết setup store
})
// components/TodoApp.vue
<script setup>
// Sử dụng stores
</script>