使用v-model指令实现简单的计算器功能（功能需要有加、减、乘、除功能） 粘贴代码与每个功能运行后的结果（4张结果图）

使用Vue.js的`v-model`指令可以轻松创建一个简单的计算器，这里我会给出一个基础的HTML结构以及JavaScript部分的代码示例。我们将创建四个函数分别对应加、减、乘、除操作，并利用`v-model`双向数据绑定实时显示计算结果。

HTML部分：

<div id="calculator">
  <input type="text" v-model="displayResult" disabled>
  <br>
  <button @click="add">+</button>
  <button @click="subtract">-</button>
  <button @click="multiply">*</button>
  <button @click="divide">/</button>
</div>

JavaScript部分 (Vue组件)：

new Vue({
  el: '#calculator',
  data: {
    displayResult: '0', // 初始值为0
    firstNumber: '',
    secondNumber: ''
  },
  methods: {
    add() {
      this.firstNumber = parseFloat(this.displayResult);
      this.secondNumber = parseFloat(prompt('请输入第二个数：'));
      this.displayResult = this.firstNumber + this.secondNumber;
    },
    subtract() {
      this.firstNumber = parseFloat(this.displayResult);
      this.secondNumber = parseFloat(prompt('请输入第二个数：'));
      this.displayResult = this.firstNumber - this.secondNumber;
    },
    multiply() {
      this.firstNumber = parseFloat(this.displayResult);
      this.secondNumber = parseFloat(prompt('请输入第二个数：'));
      this.displayResult = this.firstNumber * this.secondNumber;
    },
    divide() {
      this.firstNumber = parseFloat(this.displayResult);
      this.secondNumber = parseFloat(prompt('请输入第二个数（除数不能为0）：'));
      if (this.secondNumber !== 0) {
        this.displayResult = this.firstNumber / this.secondNumber;
      } else {
        alert('除数不能为0');
      }
    }
  }
});

由于这是一个文本框和按钮交互的例子，无法直接展示结果图片。当点击加、减、乘、除按钮时，用户会被提示输入另一个数字，然后计算结果显示在`displayResult`字段上。请注意在实际项目中，你可能需要完善用户体验，比如处理非数值输入和错误情况。