上一篇稍微提到幾項vue的優點，這篇來詳細介紹vue吧! 到vue的官網查看，映入眼簾的第一句話就是「漸進式JavaScript框架」，那什麼是漸進式框架? 漸進式框架(Progressive Fra...
作用域 slot slot 是無法直接子元件的內容的，若我們同時需要使用父元件、子元件的 data 便可以使用 props 的做法，對 slot 的出口做傳遞eg.子元件先透過 slot 屬性把 da...
這次 30 天的挑戰將從一個產品下手去學習，至於為什麼用產品而不是單純學語法勒，因為單純語法太無聊了 ouo產品目標是「推甄經驗分享網站」，其實從暑假就想做了，但實在太懶，所以網站遲遲沒出來，希望這...
有時候我們會根據 slot 內容決定是否渲染，這時可以搭配 v-if 使用eg. 如果父元件有傳值進來 slot 就顯示 <template> <div class="...
前言 在前端開發中，難免動態決定該渲染什麼資料的情況，舉例來說，今天有一個畫面是 : 要根據 API 回傳的資料來渲染該公司的員工列表 那公司員工這個資料可能不是固定的，因此不太會透過靜態寫死的方...
今年第一次參加鐵人賽，心情其實有點複雜。興奮的是終於能 push 自己每天輸出，但也緊張自己能不能撐滿 30 天。之前我在專案裡最常用的還是 React、HTML、CSS，Vue.js 對我來說幾乎...
今天的內容將介紹條件渲染的兩種常見方式：v-if 和 v-show，雖然兩者功能相似都是「依照條件判斷決定內容是否呈現在畫面上」，但兩者仍然存在一些差異。 v-if 語法 透過條件判斷來控制內容是否渲...
今天要來學習有關 slot 的用法，slot 就是子元件模板裡的內容擺放位，而內容則由父元件提供，子元件只負責外框與樣式eg. <template> <button class=...
前言 在 Vue 開發中，我們經常需要根據條件顯示或隱藏特定 DOM 元素。 常見的情境有： 表單錯誤訊息只在輸入驗證失敗時顯示。 API 請求後才顯示資料、SSR 導致的錯誤。 根據使用者角色顯示...
在搜尋參考資料的時候找到這到二篇文章： 從頭開始學習開發 Chrome extension （v3 版本） 使用 HTML / CSS / JS 開發 有清楚的 PR review messag...