今天想要來小小結合一下，上一次的transition及slot，順便實作一下slot的運用，詳細的運作官網已經寫的相當清楚，不再二次說明。 新增child component並放入slot 假如我有一...
下方的彈出選單 Action Sheet Action Sheet 這是一個從螢幕下方彈跳出小選單的元件 在Android及iOS上也都有類似的原生元件 不過如果想在網頁也做一個類似的 用我們quas...
https://codepen.io/hereiscasio/pen/MWgLONL?editors=1000 Used UI Component ( #0 ) UI 圖來源見此 Discussio...
watch是一個偵聽器，宣告在裡面的函式命名要跟data或computed的屬性相對應，watch會偵聽指定的資料，一有變動就觸發watch裡的函式。 函式裡可以傳入兩個參數：第一個是new valu...
Vue 的應用程式由多個實體所串連，形成一棵組件樹，它只會有一個根節點，就是 new Vue 的實體，底下都是稱為 Component 的組件，組件的開發方式跟 new Vue 相同，都是設定選項物件...
熟CSS的朋友一定知道transition，它是一種靠觸發執行的動畫，無法循環輪播，按鈕上的hover就很常用到，不熟的話推薦參考我的隊友 卡羅奇奇教學文章。 卡羅奇奇30天讓設計師搞定CSS/SV...
vue-tables-2 (2) 表格套件，本篇主要介紹如何利用Templates的Scoped Slots和Virtual DOM客製表格顯示的欄位和資料 Github matfish2/vue...
今天學習的computed他代表計算之後的屬性，computed和methos一樣，屬性裡面放的不是值，而是函式，但是computed的函式裡面一定要return一個值，代表計算之後的結果。 這邊範例...
vue-tables-2 (1) 表格套件，本篇主要介紹使用Client及Server table的基礎 Github matfish2/vue-tables-2 範例 註冊元件 註冊的方式： i...
在前後端分離之後，前端頁面的路由控制變成為重要的課題，由 vue-cli 產生的專案中，其中能夠選擇是否使用 vue-route， // main.js import Vue from 'vue' i...