在前幾天示範的計算機中，複習了前面提過的事件處理、資料的雙向綁定以及資料的使用，但就是沒有條件渲染與迴圈的部分，因此這裡特別再以一個簡單的示範來讓人熟悉這部分:
首先，建立一個input並雙向綁定search，再建立一個table，然後將其內容透過row in table_info的迴圈抓取資料，並利用v-if將與搜尋編號相同之資料顯示於table中，如下:
table_info:是一個存放資料的陣列。row:是用來在v-for中讀取table_info的變數。
最後，產生的結果如下:
(1)當輸入框中沒有輸入任何值時:
(2)當輸入框中輸入值存在時:
(3)當輸入框中輸入值不存在時:
明日預告:v-charts
iThome鐵人賽
看影片追技術