<divid="app"><!--定义页面结构--><divclass="calc"><ul><li>请输入第一个数：<inputtype="text"v-model="num1"></li><li><selectname=""id="fuhao"><optionvalue="1"onclick="">+</option><optionvalue="2"onclick="">-</option><optionvalue="3"onclick="">*</option><optionvalue="4"onclick="">/</option></select></li><li>请输入第二个数：<inputtype="text"v-model="num2"></li><li><inputtype="button"value="计算"@click='calc()'></li></ul><divclass="result">得出结果：{{result}}</div></div></div>编写JavaScript代码：<script>varvm=newVue({el:'#app',//定义初始数据data:{num1:'',num2:'',result:''},//定义事件处理函数comparemethods:{calc(){if(!this.num1||!this.num2){this.result='输入的数不能为空'}else{varfuhao=document.getElementById('fuhao').value;if(fuhao=="1"){this.result=parseInt(this.num1)+parseInt(this.num2)}if(fuhao=="2"){this.result=parseInt(this.num1)-parseInt(this.num2)}if(fuhao=="3"){this.result=parseInt(this.num1)*parseInt(this.num2)}if(fuhao=="4"){this.result=parseInt(this.num1)/parseInt(this.num2)}}}}})</script>