我希望在我的 v-for 中，當我單擊 UP 按鈕時，鏈接到該按鈕的 li 將其狀態增加 +1。這是我的一些代碼：Vue.component('app', {    data: function () {        return {            messages: '',            state: 0,            id: 0,            todo: [],            columns: ["todo", "doing", "done"],        }    },    methods: {        upElement: function (id) {            this.id            this.state++;        },        removeElement: function (key) {            this.todo.splice(key, 1);        },    },    template: `        <ul>            <li v-if="state === 0" v-for="(item, key) in todo" v-bind:messages="todo.messages + todo.state + todo.id" :key="item.id" v-bind:id="key">                <span>{{item.messages}}</span></br>                <button v-on:click="upElement">UeP</button>                <button v-on:click="removeElement(key)">remove</button>            </li>        </ul>=    `,})我想放一個 id 來定位 li 但它不起作用