javascript - vue编译报错

Question

<p id="app">
        <h1>Tasks</h1>
        <ul>
            <li v-for="for task in tasks" ></li>
        </ul>

        <h1>Incomplete Tasks</h1>
        <ul>
            <li v-for="for task in incompleteTasks" v-text="task.desc"></li>
        </ul>
    </p>

let app = new Vue({
     el: "#app",
     data: {
         tasks: [
             {desc: "clean", completed: false},

             {desc: "finish paper", completed: true},

             {desc: "do ppt", completed: false},

             {desc: "find a job", completed: true}
         ]
     },

     computed: {
         incompleteTasks() {
             return this.tasks.filter((t) => t.completed)
         }
     }
 })

用vue学着写demo，结果上面的代码报了无法编译的错误

vue.js:515 [Vue warn]: failed to compile template:

<p id="app">
        <h1>Tasks</h1>
        <ul>
            <li v-for="for task in tasks"></li>
        </ul>

        <h1>Incomplete Tasks</h1>
        <ul>
            <li v-for="for task in incompleteTasks" v-text="task.desc"></li>
        </ul>
    </p>



 
(found in root instance)

请问为什么报错啊？感觉很正常的代码啊，谢谢！

Answer 1

  <li v-for="for task in tasks" ></li>

-->

  <li v-for="task in tasks" ></li>