Khóa học Lập trình miễn phí

Todo List cơ bản

Lập trình

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

Hướng dẫn

Lời giải

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>

Thông tin bài tập

Khóa học: Vue.js Toàn tập

Bài học: Vue.js Fundamentals

Loại bài tập: Lập trình

Độ khó: Cơ bản

Thời lượng: 55 phút