Vue10 练习

for循环的几种用法; vue过滤器用法; 高阶函数用法

一.练习:购物车​

二.Vue的过滤器

　　　　定义:

　　　　　　filters:{

　　　　　　　　过滤器函数名(){

　　　　　　　　}

　　　　　　}

　　　　使用:

　　　　 <span>总价格：{{getallPrice | showPrice}}</span>

　　　　showPrice: 自定义的过滤器函数名, "|" 前边的内容是要传入过滤器进行过滤的数据(此处是获取数据的计算属性名)

　　

 

三.for循环的几种写法

　　

　　

 

四. 更加复杂的数组的运算,可以使用高阶函数filter,  map,  reduce

　　　使用场景:

　　　　　　1. filter : 对数组做筛选, 需要对每个元素进行条件判断时

　　　　　　2. map: 对数组每个元素进行运算

　　　　　　3. reduce: 对数组中所有元素进行统计运算