Gui Blog - 網站的工具人
  • 首頁
  • 文章
  • 分類
  • 標籤
  • 關於
  •   
  •   
使用 @import 讓你 Sass 切分檔案、維護管理更方便!

使用 @import 讓你 Sass 切分檔案、維護管理更方便!

我們都知道一支檔案篇幅不要太長,因此就需要透過載入檔案方式來進行整合。而 Sass 則可透過 import 這個語法載入其它樣式。

2022-03-20
CSS
CSS Sass SCSS
Vue 條件渲染 v-if 如何使用?與 v-show 有什麼差別?

Vue 條件渲染 v-if 如何使用?與 v-show 有什麼差別?

假設網頁中有一個情境是不同的條件顯示不同的區塊,像是非登入狀態顯示登入與註冊連結、登入狀態顯示登出連結,類似這種情境怎麼做到?以 Vue 來說,此時就能使用條件渲染 v-if、v-show 等指令。

2022-03-13
JavaScript Vue
Vue
六角 Vue 直播班,我的上課心得

六角 Vue 直播班,我的上課心得

今天要來說說這兩三個月參與六角 Vue 直播班的心得與感受。

2022-03-11
學習
上課心得 Vue
v-on:Vue 事件觸發器

v-on:Vue 事件觸發器

v-on 能夠透過 Event(如點擊事件)來觸發某個方法。

2022-03-06
JavaScript Vue
Vue
Vue 的幾個 V-model 修飾符:lazy、number、trim

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

讓資料進行雙向綁定的 Vue 指令:V-model

v-model 特點 input 加上 v-model 能夠與 vue 進行雙向溝通 會覆蓋 HTML 的 value、checked、selected 預設值

2022-02-20
JavaScript Vue
Vue
讓 Vue 渲染資料在畫面上的幾個指令

讓 Vue 渲染資料在畫面上的幾個指令

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

2022-02-13
JavaScript Vue
Vue
1234…13

搜尋

Hexo Fluid