Vue.js 如何在单击时进行vueJs筛选

我的代码：

<ul id="filter"><li><a href="#" class="active">All</a></li>
<li><a href="#">In source</a></li>
<li><a href="#">Out source</a></li></ul>

<div v-for="asessesment in listAssesmentList">
<li>In source - Jhon</li>
 <li>Out source - Ryan</li>

来源：Jhon
消息来源-Ryan

我可以在vueJs中使用源内或源外筛选吗

提前谢谢

你是说这个吗

var vm=new Vue({
el:“#应用程序”，
数据：{
资料来源：[{
名称：“在源中”，
清单：[
“约翰”、“瑞安”、“马特”
]
}, {
名称：“输出源”，
清单：[
“咪咪”、“迈克”、“艾德里克”
]
}],
筛选器文本：“”
},
方法：{
过滤器：函数（名称）{
this.filterText=名称；
}
}
});











{{source.name}
{{user}


你是说这个吗


var vm=new Vue({
el:“#应用程序”，
数据：{
资料来源：[{
名称：“在源中”，
清单：[
“约翰”、“瑞安”、“马特”
]
}, {
名称：“输出源”，
清单：[
“咪咪”、“迈克”、“艾德里克”
]
}],
筛选器文本：“”
},
方法：{
过滤器：函数（名称）{
this.filterText=名称；
}
}
});











{{source.name}
{{user}