Posts

Vue.js 要使用條件渲染，像是想要當條件成立時才渲染，可以使用 v-if、 v-else-if、 v-else。 ...

Vue.js 的 watch 可以設定監控特定的屬性，當屬性值變動時做對應的處理。 ...

Vue.js 的計算屬性(Computed properties)可以設定經過運算而來的屬性，有點類似其它程式語言的屬性(Property)，而一般的 Vue.js 屬性則是類似其它程式語言的欄位(Field)。 ...

Vue.js 的 .trim modifier 可以將繫結的屬性值去除多餘的空格。 ...

Vue.js 的 .number modifier 可以讓繫結的屬性值轉換成數值型態。 ...

Vue.js 的 .lazy modifier 可以讓繫結的資料在資料改變後才進行同步，而非在輸入的同時就進行同步。 ...

Select 的繫結一樣是在 Vue 建立時連帶設定要用來繫結的屬性，然後在 Select 元素這邊透過 value 指定被選取的值，並用 v-model 指定所要繫結的屬性，設定完後資料屬性與控制項之間即會連動。 ...

Radio 的繫結一樣是在 Vue 建立時連帶設定要用來繫結的屬性，然後在 Radio 元素這邊透過 value 指定被選取的值，並用 v-model 指定所要繫結的屬性，設定完後資料屬性與控制項之間即會連動。 ...

Checkbox 的繫結一樣是在 Vue 建立時連帶設定要用來繫結的屬性，然後在 Checkbox 元素這邊透過 v-model 指定所要繫結的屬性，設定完後資料屬性與控制項之間即會連動。 ...

要用 Vue.js 將資料與輸入框做繫結，我們可在 vue 建立的同時設定用來繫結的屬性，然後在 HTML 的輸入框元素中使用 v-model 設定所要繫結的屬性，這樣設定後輸入框的資料就會被寫入指定的屬性中，而指定屬性其值的變化也會呈現在輸入框中。 ...