vue常用指令

v-cloak:
vue还未加载解析完成的时候,为避免出现为解析的一些语句,采用v-cloak可以提高用户体验。
在这里插入图片描述
class的动态绑定:
在这里插入图片描述
计算属性:
在这里插入图片描述
在这里插入图片描述

块级作用域:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
const
在这里插入图片描述
在这里插入图片描述
click函数:无参数的时候,默认指定为event,可以打印出来。

在这里插入图片描述
click函数:有参数的时候,需要把event事件打印出来则需要写为$event。

在这里插入图片描述

在这里插入图片描述
修饰符
在这里插入图片描述
在这里插入图片描述
**若不加上stop,点击按钮后触发两个点击事件:**所以需要阻止冒泡只需要添加stop。
在这里插入图片描述

reduce
arr.reduce(function(prev,cur,index,arr){

}, init);

其中,
arr 表示原数组;
prev 表示上一次调用回调时的返回值,或者初始值 init;
cur 表示当前正在处理的数组元素;
index 表示当前正在处理的数组元素的索引,若提供 init 值,则索引为0,否则索引为1;
init 表示初始值。
其实常用的参数只有两个:prev 和 cur。
二、实例
先提供一个原始数组:

var arr = [3,9,4,3,3,4,4,3];

实现以下需求的方式有很多,其中就包含使用reduce()的求解方式,也算是实现起来比较简洁的一种吧。

  1. 求数组项之和
    var sum = arr.reduce(function (prev, cur) {
    return prev + cur;
    },0);

由于传入了初始值0,所以开始时prev的值为0,cur的值为数组第一项3,相加之后返回值为3作为下一轮回调的prev值,然后再继续与下一个数组项相加,以此类推,直至完成所有数组项的和并返回。

  1. 求数组项最大值
    var max = arr.reduce(function (prev, cur) {
    return Math.max(prev,cur);
    });
    由于未传入初始值,所以开始时prev的值为数组第一项3,cur的值为数组第二项9,取两值最大值后继续进入下一轮回调。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值