vue.js components

Vue.js: 動態元件 Dynamic Components

動態元件(Dynamic-Components)是指可根據傳入參數的不同,而去切換不同的元件。

vue.js vue.js components · 留言


Vue.js: Slot

Slot 是一種用於內容分配(Content Distribution / Transclusion)的元件,適用於複雜或巢狀元件的實作上,可以想像成是空間預留的方法,在迭代過程中再把內容塞進去。

vue.js vue.js components · 留言


Vue.js: Mixins

Mixins 是一種讓元件共用功能的方法,使用方式即是將共用功能以物件的方式傳入 mixins option。mixin object 可傳入元件的任何 option,例如:data、computed 或 methods。當元件選用 Mixins 時,使用的 mixin object 會和此元件的其他 option 混用。

vue.js vue.js components · 留言


Vue.js 學習筆記總整理

開發環境建置、Vue Instance、模版語法(Directives)、元件(Components)和 Todo List 小範例。

vue.js vue.js components vue.js directives vue-cli virtual dom v-model two-way binding 雙向綁定 vue.js computed vue.js transitions vue.js animations · 留言


Vue.js: 元件 Components - Events Up 自定義事件

使用 v-on 綁定自定義事件、使用自定義事件的表單輸入元件。

vue.js vue.js components v-model · 留言


Vue.js: 元件 Components - Prop

使用元件的目的是希望互相干擾的程度愈小愈好,因此非必要儘量不要溝通。若遇到需要由父層傳遞資料給子層的時候,使用 prop 即可。

vue.js vue.js components · 留言


Vue.js: 元件 Components 簡介 - 註冊與使用

每個 Vue.js 的應用程式都是從 Vue 建構式 (vue constructor) 建立根實體 (root vue instance) 開始,再由一個個元件 (Components) 搭建上去而來的,透過元件的方式能讓開發者將程式碼封裝而更好重用。

vue.js vue.js components · 留言


Vue.js: Watch

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

vue.js vue.js components · 留言


Todo List: Vue.js Example

利用 Vue.js 簡單實作一個 Todo List。功能含有新增 / 修改 / 刪除 todo、更新 todo 狀態、切換檢視模式、查看各檢視模式下的數量。

vue.js todo list vue.js components · 留言