任务看板

// run
new Vue({
  el: '#app',
  data: {
    columns: [
      {
        title: '待办',
        statusClass: 'status-start-next',
        tasks: [
          {
            title: '项目学习',
            priority: 'P3',
            date: '2025-10-24 15:04:07',
            assigned: '月亮'
          }      
        ]
      },
      {
        title: '进行中',
        statusClass: 'status-in-progress',
        tasks: [
          {
            title: 'Bugbash',
            priority: '',
            date: 'Feb 01, 2021, 9:48 AM',
            assigned: 'ANNE'
          }
        ]
      },
      {
        title: '已完成',
        statusClass: 'status-done',
        tasks: [
          {
            title: '博客园看板搭建',
            priority: 'p2',
            date: '2025-10-24 16:18:40',
            assigned: '小北'
          }
        ]
      }
    ]
  }
})

{{ column.title }}

{{ task.title }}

{{ task.priority }}

{{ task.date }}

{{ task.assigned }}