Vue高价函数的使用和v-model

甜美河边的钓鱼人

于 2020-07-23 10:37:05 发布

阅读量1.6k

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/chenjianhuideyueding/article/details/107530433

版权

本文介绍了Vue中的filter, map, reduce等高阶函数的使用，并详细阐述了v-model的双向绑定原理。通过示例展示了如何在输入框中实现双向绑定，包括实时更新和lazy修饰符的使用，以及如何自定义实现类似功能。" 130858909,8258810,Ubuntu 20.04更换阿里云镜像源教程,"['Ubuntu', '系统管理', '软件安装', 'Linux']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Vue这个filter, map , reduce函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>function</title>
</head>
<body>
<script src="../js/vue.js"></script>
<script>
    let nums = [2,4,6,19,35,28]
    // 获取大于10的数字
    let numBigger10 = nums.filter(function (num) {
         // 返回true的时候，会将相应遍历到的数放入到新的数组中
         // 返回false，不会将遍历的数放入新的数组中
         return num > 10;
    })
    console.log(numBigger10);
    // 所有数字都加上10
    let numAdd10 = nums.map(function (num) {
        // 将返回的数放入到新的数组中
        return num + 10;
    })
    console.log(numAdd10);
    // 求和
    let totalNum = nums.reduce(function (preValue,num) {
        // preValue默认为函数的第二个参数，即0
        // 然后将preValue和当前遍历到的数相加
        // 返回，下一次，这个返回的值就会赋给preValue
        // 然后再和遍历到那个数相加，全部遍历完，就是数组的总和了

最低0.47元/天解锁文章