Khóa Học

Todo List cơ bản

Quay lại bài học

Todo List cơ bản

Lập trình

Tạo ứng dụng quản lý công việc với Vue.js

Tạo ứng dụng Todo List với các chức năng: - Thêm công việc mới - Đánh dấu hoàn thành - Xóa công việc - Đếm số công việc còn lại

Code mẫu
<!DOCTYPE html>
<html>
<head>
  <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
</head>
<body>
  <div id="app">
    <!-- Viết code của bạn ở đây -->
  </div>

  <script>
    const { createApp } = Vue;
    
    createApp({
      data() {
        return {
          newTodo: '',
          todos: []
        }
      },
      // Thêm computed và methods
    }).mount('#app');
  </script>
</body>
</html>