透過 Mixin,統整需要重複使用的 Sass 語法! 在一般程式中如果有需重複使用的程式,我們會使用 function 來進行統整後,需要執行時再呼叫這個 function;在 Sass 裡我們能夠透過 Mixin 來達到與 function 統整重複程式碼的效果。 2022-03-27 CSS CSS Sass SCSS
使用 @import 讓你 Sass 切分檔案、維護管理更方便! 我們都知道一支檔案篇幅不要太長,因此就需要透過載入檔案方式來進行整合。而 Sass 則可透過 import 這個語法載入其它樣式。 2022-03-20 CSS CSS Sass SCSS
Vue 條件渲染 v-if 如何使用?與 v-show 有什麼差別? 假設網頁中有一個情境是不同的條件顯示不同的區塊,像是非登入狀態顯示登入與註冊連結、登入狀態顯示登出連結,類似這種情境怎麼做到?以 Vue 來說,此時就能使用條件渲染 v-if、v-show 等指令。 2022-03-13 JavaScript Vue Vue
Vue 的幾個 V-model 修飾符:lazy、number、trim v-model 可透過一些修飾符,來去對 input 進行限制與效果。 lazy:轉為 change 事件後同步編輯資料時不會一起更動值,等到輸入完畢離開 input 後才會變動 12345<!-- HTML --><div id="app"> <input type="text" v-model.lazy="m 2022-02-27 JavaScript Vue Vue
讓資料進行雙向綁定的 Vue 指令:V-model v-model 特點 input 加上 v-model 能夠與 vue 進行雙向溝通 會覆蓋 HTML 的 value、checked、selected 預設值 2022-02-20 JavaScript Vue Vue