<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() {
      setTimeout(() => {
        console.log('新增成功！');
        console.log('但是原始資料依然存在：', this.myName);
      }, 1500);
    }
  }
}).mount('#app');

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://unpkg.com/vue@next