Vue.js 任务列表：使用 v-for 指令实现动态加载和样式绑定

<div id="app">
  <h2>任务列表</h2>
  <div v-for="(task, index) in tasks" :key="index" :class="{'reminder task': task.reminder, 'task': !task.reminder}">
    {{ task.title }}
  </div>
</div>
<script>
new Vue({
  el: '#app',
  data: {
    tasks: []
  },
  created() {
    // 使用axios获取数据
    axios.get('tasks.json')
      .then(response => {
        this.tasks = response.data;
      })
      .catch(error => {
        console.log(error);
      });
  }
});
</script>