Vue.js: 列表渲染 v-for

使用 v-for 迭代陣列或物件中的元素。

vue.js vue.js directives


Vue.js: 條件渲染 v-if、v-show

條件渲染 v-if、v-show,並比較兩者差異。

vue.js vue.js directives


Vue.js: 屬性綁定 v-bind、Class 與 Style 綁定

v-bind 屬性綁定、Class 與 Style 綁定。

vue.js vue.js directives


Vue.js: Methods 與事件處理 (Event Handling)

Methods 與事件處理 (Event Handling)。

vue.js


Vue.js: Watch

Watch 可讓我們監視某個值,當這個值變動的時候,就去做某些事情。

vue.js vue.js components


Vue.js: 計算屬性 Computed

計算屬性 (Computed Properties),並且和 Method、Watch 做比較。

vue.js vue.js computed


Vue.js: data、v-model 與雙向綁定

如何利用 data 與 v-model 實現雙向綁定?原理、語法與表單元件範例。

vue.js two-way binding vue.js directives v-model 雙向綁定