(接上文)关键词搜索的computed实现

WATCH实现代码

    watch:{
      keyWord:{
        immediate: true,
        handler(val){
          this.filPerson = this.person.filter((p) => {
            return p.name.indexOf(val) !== -1
          })
        }
      }
    }

COMPUTED实现代码

   computed:{
        filPerson(){
           return this.person.filter((p) =>{ 
            return p.name.indexOf(this.keyWord) !== -1 
          })
        }
   }

对比不同及反思

1. computed中没有像watch中存在监视的newVal和oldVue，所以在indexOf()方法中，直接使用了this.keyWord。
2. 注意，内部的return是filter()方法的要求，外部的return是computed的要求