vue2实现简单计算器

262 阅读1分钟

步骤

  1. 静态页面
  2. 数据绑定
  3. 计算结果

image.png 首先,现实计算器的输入与计算的选项,如以上。在数字的输入时使用v-model进行数据绑定以便后继的计算。 然后计算选项使用按钮与方法的绑定,分别进行加减乘除四个计算,绑定四个方法。

待实现

  1. 不能除以0
  2. 格式匹配
  3. 精度问题

image.png image.png