smallImg: [
　　{
　　　　keywords: "椭圆脸",
　　　　src: "images/model_1.jpg",
　　　　addClass: false
　　},
　　{
　　　　keywords: "圆形脸",
　　　　src: "images/model_2.jpg",
　　　　addClass: false
　　},

　　...

]

// 搜索脸型
addCurrent: function (index){// li样式添加this.faceType[index].isTrue=true;this.faceType[this.oldIndex].isTrue=false;this.oldIndex=index;// 搜索脸型var type=this.faceType[index].type;this.smallImg.forEach(function (val,index){// 先都不加classval.addClass=false;// 若关键字不等于脸型则添加classif(val.keywords!=type){val.addClass=true;}});// 点击全部，则所有的都不添加classif(index==0){this.smallImg.forEach(function (val,index){// 先都不加classval.addClass=false;});}
}

<script type="text/template" id="galsslist">

    <div class="galsslist"><ul class="clearfix"><li v-for="(val,index) in glass" @click="showGlass(index)" v-if="val.show"><img :src="val.src" alt=""><h4>{{ val.title }}</h4><p>{{ val.text }}</p></li></ul></div>
</script>

showGlass: function (index){this.$emit("togg",index);
},

<!-- 自定义事件，子组件向父组件发送数据 -->
<galsslist @togg="showBig"></galsslist>

showBig: function (index){this.bigGlassImg="images/glass_"+(index+1)+".png";this.showbigGlassImg=true;
}

// 向另一个组件传递信息
search: function (){var sendMsg=this.toggArr[0].msg;this.$root.bus.$emit("sear",sendMsg);
}

// 接收另一组件传递的信息
created: function (){var self=this;this.$root.bus.$on("sear",function (val){self.searchKey=val;self.searchKeywords();})
},
beforeDestory: function (){this.$root.bus.$off("sear");
}

searchKeywords: function (){this.glass.forEach(function (val,index){// 先全部显示val.show=true;var key=val.title.split("_")[0];// key不相等，则隐藏if(key!=this.searchKey){val.show=false;}},this);// 为全部则全部显示if(this.searchKey=="全部"){this.glass.forEach(function (val,index){// 全部显示val.show=true;});}
}