1.准备vue框架。
2.写好布局。
3.添加computed属性和完善计算机功能。
- 两个输入框内随机输入数字,并且用下拉框选择计算的符号,就可以自动输出计算结果。
- 准备框架。
- 编写好简易计算器的布局,并且使用select下拉框来放置计算符号,利用v-model的双向绑定,来绑定输入框,输出框,和计算符号。在imput输入框里使用v-model.number可以把绑定的内容转换为整型。
- 通过按钮的点击做一个计算,利用条件语句对计算符号下拉框传过来的值进行匹配,并对两个输入框的内容进行计算处理,最后返回一个结果值打印