利用vue做出三种简单的计算机。1利用函数2使用监器3使用计算属性。
1.html
1.1创建一个名为app的盒子装三种方法的html部分
1.2用value将运算符号赋值给选项,再在select中用v-model赋值给opt,在computed计算属性中将两个数字进行运算,再用v-model双向绑定将结果赋给输入框展现出来。双向绑定的好处是当用户更改输入元素中的值时,计算属性会自动重新计算结果。使用Number属性是将其转换为数字类型以便计算
二.vue部分
在vue部分需要挂载装三种方法html部分的盒子app,定义2个数字,1个字符。
2.1函数方法实现。
2.1.1在函数中使用switch和case语句来判断选择的运算符,为不同的运算符设置相应的运算语句.