<div v-for="(item, index) in items"> <button @click="deleteItem(item, index)"> data() { return { items: ['test', 'hi', 'hey'] method: { deleteItem(item, index) { axios.post('delete', item) { // server 側にデータをpost } this.items.splice(index, 1) // client 側のlist を更新 さらに list rendering が component を利用</button></div>…

updated: 2020/10/5 <v-dialog v-model="dialog" @close="close"> ** dialog に input を含む場合は@input="v => v || close()" ** v => v はアロー関数 methods: { close() { console.log("closed") }, ref: vuejs.org github.com developer.mozilla.orgdeveloper.mozilla.org Vue.js入門 基礎から実践</v-dialog>…