Vue写全选功能 和 Vue中some() every()用法

<div id="app">	
	<div> <input type="checkbox" v-model="all.check" @change="allCheck()">{{all.name}}</div>
	<ul>
		<li v-for="(list,index) in lists">
			<input type="checkbox" v-model="list.check" @change="onCure()">
			{{list.name}}
		</li>
	</ul>
</div>

<script>
new Vue({
	el:'#app',
	data:{
		all:{name:'全选',check:false},
		lists:[
			{name:'北京1',check:false},
			{name:'北京2',check:false},
			{name:'北京3',check:false},
			{name:'北京4',check:false},
			{name:'北京5',check:false},
			{name:'北京6',check:false},
		]
	},
	methods:{
		allCheck:function(){
			this.lists.forEach(item=>{
				item.check=this.all.check;
			})
		},
		onCure:function(){
			//第一种方法
			// var select=this.lists.filter(function(v){
			// 	return v.check;
			// })
			// console.log(select.length);
			// if(select.length==this.lists.length){
			// 	this.all.check=true;
			// }else{
			// 	this.all.check=false;
			// }
			// select.length==this.lists.length ? this.all.check=true : this.all.check=false; //三木运算写法
			//every()方法 ：检测数组所有元素是否符合指定的条件，如果有一个条件不满足，就返回false，反之返回true
			//some() : 检测数组中只要有一个满足条件，返回true，都不满足时，返回true。
			this.all.check = this.lists.every(function(item){
 return item.check
 });
		}

	}
})

var arr =[3,26,6,22];
var a = arr.every(function(item){ //some时返回true every时返回false 
 return item >3
});
console.log(a) 
</script>