ListTestDemo

// run
new Vue({
  el: '#app',
  data: {
    tasks: [
      {
        title: '学习WPF基础知识',
        time: '上午 9:00 - 11:00',
        items: [
          { text: '阅读WPF官方文档', completed: true },
          { text: '练习XAML基础语法', completed: false },
          { text: '创建第一个WPF窗口', completed: false }
        ]
      },
      {
        title: '练习C#编程',
        time: '下午 2:00 - 4:00',
        items: [
          { text: '完成LeetCode简单题1', completed: false },
          { text: '完成LeetCode简单题2', completed: false }
        ]
      },
      {
        title: 'Modbus通信学习',
        time: '晚上 7:00 - 9:00',
        items: [
          { text: '研究IOTClient库文档', completed: false },
          { text: '实现Modbus TCP模拟', completed: false }
        ]
      }
    ]
  },
  methods: {
    toggleTask(item) {
      item.completed = !item.completed;
    }
  }
})

{{ task.title }}

{{ task.time }}

• {{ item.text }}

📝 还没有计划～快添加你的今日任务吧！