View to ViewModel
當頁面上的內容變更,例如 input 欄位經使用者變更值的情況下,可以利用 View to ViewModel 的語法來變更ViewModel 的資料值,如下
<input v-model="searchText">
上面的內容與下相同
<input v-bind:value="searchText"
v-on:input="searchText = $event.target.value">
實際上是透過 事件 來更新 data 屬性值
陣列渲染 v-for
使用 v-for,可以將陣列資料列舉渲染
<ul>
<li v-for="item in data" :key="item.id">{{ item.name }}</li>
</ul>