Storybook的另一個主要的功能就是Addons 在使用Storybook做元件開發設計時搭配Addon功能更加強大 接下來就來好好體驗感受他的威力吧 寫在...
在第12天鐵人賽前在利用event bus傳情書給某個元件的時候， 可能眼尖的客倌會注意到，疑? 這個created()是不是還沒介紹到呢? created()...
tags: Vuejs v-for ✐ v-for 指令可以使我們方便的渲染 Array 成為列表，在渲染列表相關的 data 時十分方便，並且 v-for 除...
Vue：隨著你使用vue的狀況，你更應該要了解元件模組化的概念。vue不但在資料上面有所規劃，他在元件模組化也有所強大，讓你可以輕鬆地管理好你的元件。在進行案例...
目標： 成功獲取後端資料，將資料呈現在 UI 上 在上上一篇章中，我們已經將 Vue Apollo 整合到 Vue 專案中這次會帶著讀者透過 API 接收...
在 JS 中有監聽器 addeventListener ，而 Vue 也有自己一套 DOM 元素監聽器的指令 v-on ， Vue 也配置了幾個修飾符來替代像是...
root ├── src │ ├── assets │ ├── components │ ├── graphql │ ├──...
在這個單元我們使用官網的教學搭配Angular的框架，STEP BY STEP的撰寫Component及Stories。(如果是使用Vue的讀者，可以跳過這個單...
昨天的鐵人賽文章有聊到event bus雖然方便，但是不容易偵錯及維護。隨著專案變大、元件變得越來越多，元件間的架構越來越複雜，有時候會遇到多個元件需要共用同一...
v-on 要對模板中的元素添加 Event Listener，Vue 提供 v-on 指令可以針對 元素 綁定 Event Listener，並在事件發生時調用...
想起當初，第一次約她見面，是那麼輕鬆又好約。那一天，我開著我的車，直接到她公司樓下等。透過VS Code傳遞了訊息，而她的回應非常迅速。縱使之前沒見過我，我也...
接下來就來把Task元件組裝成TaskList吧 TaskList 可以把TaskList規劃成四種狀態 Default - 當 Task 都是 defu...
tags: Vuejs v-if ✐ v-if 指令可以決定是否渲染元素，該元素只有在填入的 expression 為 truthy 時會渲染。 下方為簡單範...
雖然開發者工具中已經提供相當豐富的功能，也一直持續發展中。不過 Google 有開放提供可裝在開發者工具的擴充功能的 API，像是目前大多主流的前端框架的開發者...
Azure Container Registry 服務 Vue 專案 我們使用 Vue官方教學還實作一個前端網站。Vue 可以使用CDN的方式在靜態網頁使用，可...
這週都在討論props（從外層傳到內層元件）與emit（從內層傳到外層），如果是平行關係的元件（而非父子關係），要如何進行資料傳遞呢? 這時候就會出動一台公車，...
與Vue相遇後，一開始其實有點懷疑vue的應用。但使用後，對她越來越著迷，這使我更想了解她。 每當我們使用vue時，有些步驟都會相對應的重複，例如創建Vue、建...
在這個單元我們使用官網的教學搭配Vue的框架，STEP BY STEP的撰寫Component及Stories。 Setup Vue Storybook 官網教...
經過昨天介紹$emit可以傳遞自訂的事件給父層元件之後，今天來利用$emit的特性，設計一個有3M便利貼風格的to-do list吧! 實作需求： 新增...
tags: Vuejs 樣式渲染 畫面的呈現有時會因應資料的不同，產生不同的視覺樣式，而通常我們會使用 v-bind 指令動態渲染 HTML attribute...
透過Vue CLI的建立，在我們打開專案後，主要會看到三個資料夾及一部分非資料夾區塊。我們可以先從最主要的src資料夾來看：src資料夾為專案中最重要的一部分。...
Naming components 修改一下Story檔案，對應於Component的Title名稱(default export區塊)，就會發現Sidebar...
元件間的資料傳遞可以說是Vue的大重點之一。在第8天和第9天介紹了由外層父元件傳給子元件，而今天要來說說如何把子元件由內到外進行「事件的單向傳遞」傳給父元件的V...
Fixing ... 若是文中有任何錯誤、錯字、想討論的內容，歡迎各位大大不吝鞭笞指正、交流分享，筆者不慎感激 ✦ ✦ ✦ ▶︎ 筆者 github：http...
猶如昨日的期待，我很興奮地按照了Vue的指示： 先到node官網下載，下載完成後，立刻安裝2.打開command line並輸入npm install -g...
Decorators Decorator是一種設計模式，把要被裝飾的Story當做參數，傳入裝飾器中，Decorator可以幫Story加上額外的資訊，賦予給S...
昨天提到props屬性可以將外層元件的資料，傳遞到內層元件。舉的例子是傳入特定的author字串給News元件， 但是一般來說的網頁使用情境，不太可能會把資料寫...
tags: Vuejs computed 與 method 的混淆 在模板中要對資料計算或是轉換時，computed 與 method 往往能替我們做到同樣的事...
除了，computed和filter呢？如果資料改變，是否Vue能快速因應？ Vue：哈！當然有的呀！我們來看看這個範例：Vue：我知道你對健身的熱愛！今天如果...
v-for 就是 JavaScript 裡的迴圈，基於一組資料來製作相同元素區塊。先簡單講一下 JavaScript 裡 for...in 、 for...of...
lala_lee_jobs
貓貓工程師 / PM Ting
RURU Tseng
EdwardXiong
abc61958761
Celeste
Yuri Tsai
pellok
iThome鐵人賽
看影片追技術