Vue是一款前端框架，常用于開發(fā)網(wǎng)頁應(yīng)用程序。Vue中的列表filter功能可以幫助我們快速對一組數(shù)據(jù)進行篩選，只展示符合條件的內(nèi)容。

下面是一個示例，展示如何使用Vue中的filter功能。

<div id="app">
<input v-model="searchKeyword" placeholder="請輸入關(guān)鍵詞">
<ul>
<li v-for="item in filteredList" :key="item.id">{{ item.name }}</li>
</ul>
</div>
<script>
new Vue({
el: '#app',
data: {
list: [
{ id: 1, name: '張三' },
{ id: 2, name: '李四' },
{ id: 3, name: '王五' },
{ id: 4, name: '趙六' },
{ id: 5, name: '錢七' }
],
searchKeyword: ''
},
computed: {
filteredList: function () {
var keyword = this.searchKeyword.trim().toLowerCase();
if (!keyword) {
return this.list;
} else {
return this.list.filter(function (item) {
return item.name.toLowerCase().indexOf(keyword) !== -1;
});
}
}
}
});
</script>

在上述代碼中，我們定義了一個數(shù)組list，包含了一組數(shù)據(jù)；同時定義了一個輸入框searchKeyword，用來接收用戶輸入的關(guān)鍵詞。我們使用computed屬性來實現(xiàn)filter功能，定義了一個filteredList變量，它會根據(jù)searchKeyword的值進行動態(tài)篩選，只返回包含關(guān)鍵詞的項。

這就是Vue中列表filter的基本使用方法，希望對大家有所幫助。