在引入Vue后,我们要做计算就需要两个数值,一个符号用操作符代替,以及一个结果。
也就是:数值1操作符数值2=结果
那么首先就是调用input函数 再用placeholder属性 让提示 字体显示在边框内 最后用v-model
进行绑定 让输入的数值显示
数值有了,接下来就是操作符,就是加减乘除。用select 分别对四个进行操作,并依旧用v-model
进行绑定。
这个基本完成一半,加下来就是写一个计算属性。用computed属性,并且使用if-else循环当使用不同的操作符。并将结果打印到div中。
简单运行一下
那么接下来的监听器,方法属性就简单了。可以说是换汤不换药,在方法里的代码不动,只是外边的computed换成watch和methods。用来表示监听器和方法属性。
为了方便理解,我有创了两个边框,一个边框对应不同的属性方法。
运行