使用 @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
讓 Vue 渲染資料在畫面上的幾個指令 使用 JS 原生要將資料渲染,還要取得 DOM 元素後在進行操作,但是在 Vue 內則可以讓我們省略撰寫渲染的部分,由 Vue 本身來進行渲染,今天要介紹以下四種指令可以幫助我們達到渲染效果。 指令就我目前了解,渲染資料可用下面四種指令: {{ 資料名稱 }} v-text 綁定在標籤上,Ex. v-text="資料名稱" { 2022-02-13 JavaScript Vue Vue