Vue.js是一款用于構建用戶界面的漸進式JavaScript框架。它通過數據驅動和組件化的方式，將數據和界面封裝在一起，使得前端開發變得更加簡單和高效。

Vue.js提供了許多方便的工具和指令，如v-bind、v-if、v-for等，都可以幫助我們快速構建出一個完整的Web應用。但是我們需要實現一個搜索功能時，怎么在搜索完成后動態的顯示搜索結果呢？

<template>
<div>
<input type="text" v-model="keywords" @keyup.enter="searchKeywords">
<ul>
<li v-for="item in searchResults" :key="item.id">{{ item.title }}</li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
keywords: '',
searchResults: [], // 存儲搜索結果
}
},
methods: {
searchKeywords() {
const results = this.fetchResultsFromServer(this.keywords) // 發送請求獲取搜索結果
this.searchResults = results
},
fetchResultsFromServer(keywords) {
// 發送異步請求獲取搜索結果
}
}
}
</script>

我們可以在Vue組件的模板中，使用v-for指令對數據進行遍歷，同時設置動態綁定的屬性，實現搜索結果的動態展示。在代碼示例中，我們通過v-for指令將每個搜索結果遍歷出來，并給每一項設置一個唯一的key值。同時，我們將搜索結果存儲在組件的data對象中，等待搜索完成后進行渲染。

在組件的methods對象中，我們定義了一個searchKeywords方法來發起搜索請求、獲取搜索結果，并將結果存儲在組件的data對象中。在這個例子中，我們使用了一個假的fetchResultsFromServer方法來模擬請求服務器獲取搜索結果的過程。

當用戶輸入關鍵詞后，按下Enter鍵觸發搜索事件，調用searchKeywords方法開始搜索。此時，我們可以通過發起異步請求，獲取服務器響應的搜索結果，并將結果存儲在searchResults變量中。最后，我們只需要在模板中使用v-for指令將搜索結果遍歷出來并顯示在頁面中即可。

總之，Vue.js可以方便地實現搜索功能，并且通過數據驅動的方式實現搜索結果的動態展示。我們只需要定義好變量和方法，在需要時調用即可。這種方式讓開發過程變得更為簡單和高效，非常適合在Web應用中使用。