vue的列表过滤

其实是讲在写列表过滤的时候发现的一些问题，自己才发现自己基础差很多

常用于列表过滤的filter函数的用法和indexOf

先来讲一下filter吧

<div id="root">
			<h2>人员列表</h2>
			<!-- //v-model双向绑定，简写是value -->
			<input type="text" placeholder="请输入名字" v-model="keyWord">
			<ul>
				<li v-for="(p,index) in persons" :key=persons.id>
					{
  {p.name}}-{
  {p.age}}-{
  {p.sex}}
				</li>
			</ul>
		</div>

这是html的代码块

new Vue({
				el:'#root',
				data:{
                    keyWord:'',
					persons:[
						{id:'001',name:'马冬梅',age:19,sex:'女'},
						{id:'002',name:'周冬雨',age:20,sex:'女'},
						{id:'003',name:'周杰伦',age:21,sex:'男'},
						{id:'004',name:'温兆伦',age:22,sex:'男'},
					]