#vue# 实现计算器功能

需求：用vue实现一个简易的计算器

效果图：

 

 思路：

（1）首先将这个简易的计算器排版出来，主要是用到input、button、 select  option（下拉菜单）

这些标签，再进行写相应的css样式（不细讲）

（2）我们需要获取到每一个方框以及下拉菜单里的数值，所以我们需要用v-model 进行双向绑定

（3）接下来就是触发事件@click="事件函数"了，当我们输入数字的时候，点击等号方框，运算框就有结果，那么就需要在等号方框设置点击事件，让运算框来接收结果

（4）设置点击事件的时候，我们需要进行传参，那是传什么参数呢？我们可以看出，当我们的下拉菜单里面的运算符发生变化时，结果就会发生变化，那 我们只需要将下拉菜单的值传到点击事件里面就可以了

（5）然后，我们使用 switch函数进行判断