Vue 单选题与判断题详细解析

代码实现：

HTML部分：

<div id="app">
  <input type="number" v-model="num1">
  <input type="number" v-model="num2">
  <button @click="add">相加</button>
  <p>结果：{{result}}</p>
</div>

Vue部分：

var app = new Vue({
  el: '#app',
  data: {
    num1: 0,
    num2: 0,
    result: 0
  },
  methods: {
    add: function() {
      this.result = Number(this.num1) + Number(this.num2);
    }
  }
})

效果如图所示：

点击相加按钮后，会将输入的两个数字相加并显示在页面上。其中使用了v-model实现数据的双向绑定，@click绑定点击事件，methods中的add函数实现相加的功能。