vue列表循环的非响应式情况

html:

 <div id="app">
        <button @click="modifyFirst">修改为休息</button>
        <ul>
            <li v-for="item in todos" :key="item.id">
                <p>{
  {item.task}}</p>
            </li>
        </ul>

        <hr>

        <button @click="remove">清空列表</button>
        <ul>
            <li v-for="item in items">
                {
  {item}}
            </li>
        </ul>
    </div>

script:

new Vue({
        el: "#app",
        data: {
            todos: [
                {
                    id: 1,
                    task: '任务一'
                },
                {
                    id: 2,
                    task: '任务二'
                },
                {
                    id: 3,
                    ta