使用v-for指令实现任务列表的加载。所有任务的初始数据tasks在Vue实例创建结束的。动态绑定每个任务div的class对于reminder属性为true的任务样式渲染结果为class=reminder task；reminder属性为false的任务class=task。

HTML代码：

<div id="app">
  <div v-for="task in tasks" :class="{'reminder task': task.reminder, 'task': !task.reminder}">
    <h3>{{ task.title }}</h3>
    <p>{{ task.description }}</p>
  </div>
</div>

Vue实例代码：

var app = new Vue({
  el: '#app',
  data: {
    tasks: [
      {
        title: 'Task 1',
        description: 'Description for Task 1',
        reminder: true
      },
      {
        title: 'Task 2',
        description: 'Description for Task 2',
        reminder: false
      },
      {
        title: 'Task 3',
        description: 'Description for Task 3',
        reminder: true
      }
    ]
  }
});

解释：在Vue实例中，我们定义了一个名为tasks的数组，其中包含了3个任务对象。在HTML代码中，我们使用了v-for指令来迭代tasks数组中的每个任务，为每个任务div动态绑定class属性，根据任务对象的reminder属性来判断是否渲染"reminder"样式，最终渲染出任务列表。