<template>    <header @click="loadMore"></header>    <ul>        <li v-for="item in list">            {{$index}}-{{item}}        </li>    </ul></template><style> </style><script>    let fn = {        data(){            return {                list:[0,0,0,0,0,0]            }        },        methods:{            loadMore() {                for (var i = 0 ; i<10; i++ ){                    this.list.push(i)                }            }        }    };    export default fn;</script>點擊header，console.log出來的list數組中項是正常增加的，但是視圖不會更新，甚至<li>還減少了一個，但是只會減少一次，之后再點擊就不會減少。而且列表一開始就是從第七項開始渲染的。請問這可能是什么原因呢？ps,我是用了餓了么前端的MintUI這個組件庫，這段代碼就是在使用其中的無線下拉組件時出錯的，不知道與組件庫是否有關系...