请问vue2.0中怎么过滤列表中的信息

[qq_41240259]

在学vue，看完过滤器想弄个即时搜索的那种。弄了一下午也没做出来，谁能给帮帮我呗，不好意思分不多。

[qq_41240259]

[qq_41240259]

第二张图总是不清楚，我直接贴那个代码吧

new Vue({
	el:'#input-search',
	data: {
		message:''
	}
})

var ser  = new Vue({
	el:'#searchs',
	data: {
		items: [
			{
				url:'http://lol.qq.com/',
				image:'img/yxlm.png',
				title:'英雄联盟 ',
				information: '《英雄联盟》(简称LOL)是由美国拳头游戏(Riot Games)开发、'+
				'中国大陆地区腾讯游戏代理运营的英雄对战DOTA类竞技网游。游戏里拥有数百个个性英雄,'+
				'并拥有排位系统、天赋系统、符文系统等特色养成系统。 '
			},
			{
				url:'http://www.playbattlegrounds.com/main.pu',
				image:'img/jdqs.jpg',
				title:'绝地求生',
				information:'绝地求生(Playerunknown\'s Battlegrounds)，是Bluehole与《H1Z1》、'+
				'《武装突袭3》“大逃杀”模式制作人Playerunknown合作的一款开放世界策略射击游戏，'+
				'采用虚幻4引擎制作。这款游戏是一款大逃杀类型的游戏，每一局游戏将有100名玩家参与，'+
				'他们将被投放在绝地岛(battlegrounds)的上空，在游戏的开始时所有人都一无所有。'+
				'玩家需要在岛上收集各种资源，对抗其他玩家，让自己生存到最后。'
			},
			{
				url:'http://www.dota2.com.cn/index.htm',
				image:'img/dota2.png',
				title:'Dota2',
				information:'《DOTA2》，是脱离了其上一代作品《DOTA》所依赖的War3的引擎，'+
				'由《DOTA》的地图核心制作者IceFrog(冰蛙)联手美国Valve公司使用他们的Source引擎研发的、'+
				'Valve运营，完美世界代理(国服)，韩国NEXON代理(韩服)的多人联机对抗RPG。'
			},
			{
				url:'http://wow.blizzard.cn/landing',
				image:'img/ms.jpg',
				title:'魔兽',
				information:'《魔兽世界》（World of Warcraft），'+
				'是著名的游戏公司暴雪娱乐（Blizzard Entertainment）所制作的第一款网络游戏，'+
				'属于大型多人在线角色扮演游戏（3D Massively Multiplayer Online Role-Playing Game）。'+
				'游戏以该公司出品的即时战略游戏《魔兽争霸》的剧情为历史背景，依托魔兽争霸的历史事件和英雄人物，'+
				'魔兽世界有着完整的历史背景时间线。玩家在魔兽世界中冒险、完成任务、新的历险、探索未知的世界、'+
				'征服怪物等。'
			},
			{
				url:'http://sc2.blizzard.cn/landing',
				image:'img/xjzb2.jpg',
				title:'星际争霸Ⅱ',
				information:'《星际争霸》(StarCraftⅡ)是由暴雪娱乐在2010年7月27日推出的一款即时战略游戏，'+
				'是《星际争霸》系列的第二部作品。游戏以三部曲的形式推出，'+
				'即《星际争霸Ⅱ:自由之翼》(Wings of Liberty)、'+
				'《星际争霸Ⅱ:虫群之心》(Heart of the Swarm)和《星际争霸Ⅱ:虚空之遗》(Legacy of the Void).'
			}
		]
	}
});

[qq_41240259]

自己结帖。 搞了一下午终于明白了。我循环列表不用非得v-for数组，可以v-for一个方法，在方法里循环列表，也可以根据条件筛选。 灵感来源：http://blog.csdn.net/sinat_17775997/article/details/56495373 不知道在这里引入对不对，萌新不太懂，要是不好联系我我会删除