在vue中一键修改4个变量

<template>
  <div>
    <input v-model="variable1" type="text" />
    <input v-model="variable2" type="text" />
    <input v-model="variable3" type="text" />
    <input v-model="variable4" type="text" />
    <button @click="updateVariables">一键修改</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      variable1: '',
      variable2: '',
      variable3: '',
      variable4: ''
    };
  },
  methods: {
    updateVariables() {
      // 在这里修改这4个变量的值
      this.variable1 = '新值1';
      this.variable2 = '新值2';
      this.variable3 = '新值3';
      this.variable4 = '新值4';
    }
  }
};
</script>