使用v-for指令实现任务列表的加载。

在HTML文件中，使用v-for指令循环渲染任务列表：

<ul>
  <li v-for="(task, index) in tasks" :key="index">{{ task }}</li>
</ul>

其中，tasks是一个数组，每个元素都是一个任务的名称。

在Vue实例中，定义tasks数组：

data: {
  tasks: ['学习Vue', '写作业', '看电影']
}

在页面加载时，Vue实例会自动将tasks数组中的元素渲染到页面上。

完整示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>任务列表</title>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
  <div id="app">
    <h1>任务列表</h1>
    <ul>
      <li v-for="(task, index) in tasks" :key="index">{{ task }}</li>
    </ul>
  </div>
  <script>
    var app = new Vue({
      el: '#app',
      data: {
        tasks: ['学习Vue', '写作业', '看电影']
      }
    })
  </script>
</body>
</html>

运行结果：

任务列表
- 学习Vue
- 写作业
- 看电影