VUE3-工作笔记04

本节：记录2022.10.8-19日的笔记。

一.总结语法函数      二.总结VUE3组件的使用    三.总结原生组件

一、总结语法函数 

1.filter方法创建给定数组一部分的浅拷贝 (en-US)，其包含通过所提供函数实现的测试的所有元素。

//箭头函数
filter((element, index, array) => { /* … */ } )

// 回调函数
filter(callbackFn, thisArg)

// 内联回调函数
filter(function(element, index, array) { /* … */ }, thisArg)

es6的写法，filter过滤出计算之后的值

const result = arr.filter(item = >　ｉｔｍｅ％２＝＝＝　０)

//这里是如果arr数组里面的元素，除于2之后，等于0的偶数，就返回出来成为一个数组，判断语句只有一条的时候，就可以省略｛｝ 

El是你当前要处理的元素，一开始要处理的元素el的状态都为true，然后进行一个判断，判断完之后，再进行el要处理元素的状态赋值，改变它的状态，为false的之后，这个下拉状态则为不可操控。判断完之后，再返回它全部的el元素状态赋值到新的变量上面。然后再返回那个一整个变量，就是computed计算属性一直在计算的内容了。

说白了，filter((el)=>{   判断内容})就可以对元素的状态进行一个函数的判断，挑出你要的（过滤出你要），组成一个新的数组，不会影响原来的数组。