iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 9
0
Modern Web

Vue菜鳥的自我學習days系列 第 9

9.Data Binding2

  • 分享至 

  • xImage
  •  

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>

上一篇
8.Data-binding
下一篇
10.DataBinding3
系列文
Vue菜鳥的自我學習days39
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言