详情请访问：Harmonyos.51cto.com/#zz1。前言：做完第九篇的购物车，忘记了一个很关键的计算部件。鸿蒙的组件中没有这个计算组件，所以今天定义一个。这个组件和我们之前做的是一样的。购物车的小件物品放在一起。直男缺乏美感，所以我们就模仿别人：2.组件介绍：这里（以后也会用到）使用了一个标签：。这个标签会和表单一起使用，比如搜索框、登录页面等都会使用.input>.input>标签来指定用户可以输入数据的输入域。type属性指定输入元素的类型。根据不同的类型属性，输入域有多种形式。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等。今天使用的是文本字段、复选框字段和密码字段。3.js业务逻辑层：click事件onclick后，+操作的执行没有上限，但是-操作在实际应用中一般减1后停止执行（比如item的个数在购物车中）。这里我们做一个提示框，表示已经降到最低了。importpromptfrom'@system.prompt';exportdefault{data:{title:'World',num:1,},addnum(){++this.num;},reducenum(){if(this.num>1){--this.num;}else{prompt.showToast({message:"抱歉，至少有一个商品",duration:5000,})}}}4.视图层：这里type的值可以接收text，同一个也可以是数。读者可自行尝试。
