<div id="app">
請輸入你的姓名：
<input type="text" v-model="myName">
<div>我的名字是：{{ myName }}</div>
<br>
<a href="#" @click.prevent="ajax">點我觸發 AJAX</a>
</div>Vue.createApp({
data() {
return {
myName: ''
}
},
methods: {
ajax() {
console.log(this);
setTimeout(() => {
console.log('新增成功！');
this.myName = this.$options.data().myName
console.log('資料變成初始了：', this.myName);
}, 1500);
}
}
}).mount('#app');
External CSS
This Pen doesn't use any external CSS resources.