Vue重要知识点（1）

For(let item of array)

{Item.content //用这个语法可以直接得到 数组中的哪一个元素 当然要针对数组进行  非常方便 不然还得在定义一个新的变量来进行交互,下面有更简单的针对数组进行操作的高阶函数}

数组 结合v-for （1，2）1代表 item 数组中的每一个组 2代表这个组的位置是哪一个

用一个数组存放一个经过筛选的数组 通过 array.push(i) 这种方式存放 push 往后加上

1.  filter高阶函数 针对数组 使用 filter // let newarray=array.filter(function(n){return n<100//bool值}) //会自动过滤不符合条件的函数 会循环array中的数组数量次数 并新建一个数组用来存放符合条件的儿子

Let  newarray 承接//缺点 只能过滤 但不能进行改  如需修改 用 maps函数

1. map    Arrays.map(n=>n*2)//==arrays.map(function(n){return n*2})  同样的 n是数组含有的儿子个数  但是缺点是 对全部儿子进行改变  （但是需要注意的是 他们都不会改变原来数组中的内容 只会新建一个数组 存放 要求的儿子 概念类似 地址 指针）
2. Reduce 这个函数用意是用于总和操作的 英文意思是减少 我理解的意思是 用这个函数将减少很多操作 简便步骤  arrays.reduce((prevalues,n)=>prevalues+n)  //arrays.reduce(function(prevalues,n){return prevalues+n},0) 初始化 prevalues的值，0 的值接着 进行 prevalues+n的操作 prevalues+n的值返回到，0的位置上  遍历该数组
3. 可以将上诉三个功能串联起来  通过这种方式

let newarrays=arrays.filter(n=>n<100).map(n=>n*2).redude((prevalues,n)=>prevalues+n);

 

Vue： 当设置 type属性为radio的时候 需要设置一个 name值 可以让他们 二选一 就是 只能由一个姓名 v-model 绑定他们的选项结果

但是这里我有一个疑惑的点 我用v-model绑定 的时候 他们并不会互斥 也就是说起不到name的作用效果 ，那么好的 我加上name 但是 我选中其中的一个 在 {{//网页中}}小胡子中也并没有显示我选择的目标