用Vue做一个简易网页计算器

 一案例描述

1，做一个网页简易计算器。

2，要求逻辑通顺代码流畅。

3，用户通过选择计算方法和数据输入，得到计算结果。

二代码思路

1，用监听器监听运算符与两个数字的变化。

2，定义使用方法，计算属性。

3，用v-model双向绑定返回监听的值

 

三最终代码

 1，监听数据变化

watch: {
            num1(newNum, oldNum) {
                console.log("num1:", oldNum, newNum);
                this.ans = eval(this.num1 + this.opt + this.num2);
            },
            num2(newNum, oldNum) {
                console.log("num2:", oldNum, newNum);
                this.ans = eval(this.num1 + this.opt + this.num2);
            },
            opt(newOpt, oldOpt) {
                console.log("opt:", oldOpt, newOpt);
                this.ans = eval(this.num1 + this.opt + this.num2);
            }</