使用v-model实现点击替换input

使用`v-model`实现点击替换`input`，需要借助`v-on:click`事件和`v-if`指令。

首先，在`input`添加`v-model`指令，绑定一个变量，用来保存输入的值。例如：

<input v-model="inputValue" type="text">

然后，添加一个按钮，通过`v-on:click`指令绑定一个点击事件，当点击按钮时，会执行相应的方法来替换输入框的值。例如：

<button v-on:click="replaceInput">替换</button>

接着，在`data`选项中，定义`inputValue`变量作为输入框的值。同时，定义一个新的变量`outputValue`，用于保存替换后的值。例如：

data() {
  return {
    inputValue: '',
    outputValue: ''
  }
}

最后，定义一个`replaceInput`的方法，在该方法中，将`inputValue`的值赋给`outputValue`，并将`inputValue`设置为空。例如：

methods: {
  replaceInput() {
    this.outputValue = this.inputValue;
    this.inputValue = '';
  }
}

这样，当点击按钮时，`replaceInput`方法会被调用，从而替换`input`的值。新的值会保存在`outputValue`中。