vue---自学 v-model 简易计算器

v-model 双向绑定器

1.适用范围：input、select 输入，选择等框框可以使用本指令
2.使用效果：例：（1）在v-model绑定的input输入框内输入字符，可以同步改变   v-model   data里面的数据
				（2）在v-model绑定的select   option 里面可以选择v-model  data里面的数据

就像这里面的 m opt n result 都是随用户书如⏲即时发生改变，并呈现出来的

简易计算器

绑定m n result 运算符 即可，再弄清楚里面的业务逻辑即可

calc() {
                    switch (this.opt) {
                        case "+":
                            this.result = parseInt(this.m) + parseInt(this.n);
                            break;
                        case "-":
                            this.result = parseInt(this.m) - parseInt(this.n);
                            break;
                        case "*":
                            this.result = parseInt(this.m) * parseInt(this.n);
                            break;
                        case "/":
                            this.result = parseInt(this.m) / parseInt(this.n);
                            break;
                    }
                }

这个就是一般的计算器业务逻辑，因此处只是简易计算器，所以有bug也没去管，见谅
另外一种方法就是用

var temp = 'parseInt(this.m) ' + this.opt + ' parseInt(this.n)'
this.result = eval(temp)

 这样的方式来写课程中注明本法是投机取巧，企业级开发中尽量少用