Vue的input查詢非常實用，可以快速地實現用戶查詢輸入并且渲染到頁面中。下面我們來看一個簡單的示例。

<template>
<div>
<input v-model="searchValue" @input="handleSearch" />
<ul>
<li v-for="(item, key) in filteredList" :key="key">{{ item }}item.includes(this.searchValue));
}
},
methods: {
handleSearch(event) {
this.searchValue = event.target.value;
}
}
};
</script>

如上所示，我們首先在Vue組件中定義了一個輸入框``和一個展示查詢結果的列表`

`，其中`v-model`指令用于雙向綁定輸入框的值，`@input`指令用于監聽輸入框的輸入事件并觸發`handleSearch`方法。

在`data`屬性中我們定義了兩個變量，分別為用戶輸入的查詢值和一個原始的數據列表。通過計算屬性`filteredList`，我們篩選出包含查詢值的列表，并在`

• `標簽中展示。`handleSearch`方法用于更新查詢值的內容。

  以上就是一個簡單的Vue input查詢的實例，使用Vue提供的指令和計算屬性，我們可以很方便地實現輸入內容查詢并展示到頁面中。