Parameter Parameter 是用來定義Stories的靜態metadata(解釋資料的資料)，Parameter能提供給不同的addon去做設定。...
昨天鐵人賽提到了component元件是個堆積木的概念，讓我們可以更容易重複使用。結尾也提到了一個問題：在Vue裡面，不同的元件們該如何傳遞資料？ 在我們設置...
Computed Property ✐ 在 computed 中設置的 property 稱為 Computed Property 計算屬性，Computed...
又到了與Vue見面的時候，昨日完成了toDoList後，還想知道Vue有什麼特別的~ Vue：相信你已經開始熟悉Vue的操作，聽你上次說，客戶對於數據上，有很長...
經過了三天的Vue簡單起手式，接著我們要回到Rails專案內實作了。（捲起袖子） 今天來了解一下元件的概念！ 元件component：堆樂高積木的概念 在開發...
Template & Args 同一個元件的多個story function，都會重複的指定相同的Template，可以拉出一個共用 template...
tags: Vuejs Vue template ✐ 還記得前一章節 option 裡的 template 嗎？Vue 提供開發者透過 template 聲明式...
在 JS 中我們是利用 if(condition){statement1}else{statement2} 來設定條件並決定執行哪一段陳述式(statement...
Story檔案放置位置 Component對應的Story檔案，通常會放置在Component檔案旁邊。Story只會用於開發時期，在Production的bu...
昨天我們討論了雙向事件處理: v-model 以及 v-on，讓我們可以跟使用者輸入的資料互動。（例如對使用者的輸入的暱稱打招呼～） 如果要把使用者的輸入資料做...
tags: Vuejs Instance Lifecycle 生命週期 ✐ 介紹完如何使用 new Vue({...}) 建構 Vue instance 後，接...
聽完Vue的介紹後，既然這麼好用，趕緊回到家，利用Vue來練習toDoList：因為框架的原因，寫起來十分得心應手。在代辦事項及完成事項來說，只需要透過v-mo...
以下列出，啟動或是建置 Storybook 時，有哪些可以使用的 CLI Options。 start-storybook 啟動 Storybook Usage...
tags: Vuejs Vue reactivity system ✐ Vue 引入 data-driven view 的概念，一旦改動 data，與之相對應的...
預設放置組態檔案的目錄 Storybook集中放置組態設定檔案的目錄預設是.storybook，若需要變更路徑及名稱，要在Storybook的CLI指令做設定。...
昨天討論了單向資料流的鬍子語法，可以讓我們把Vue實例裡的資料流向html (View)。 但如果要將資料綁定HTML標籤屬性的時候，該怎麼辦呢？ 舉例而言，如...
tags: Vuejs 如何開始使用 Vue ✐ Vue 一共提供三種不同的方式可供我們使用，依照使用情境的不同可以選擇不同的方式。 方法 適合場景...
昨天經過辛苦的環境安裝（擦汗），可以在Rails專案寫Vue了！先來個簡單的Vue起手式緩緩心情～ 在第2天，我們有提到，Vue.js 官網 這張MVVM架構的...
1. Rails專案起手式 在昨天的鐵人賽中，我們對於Rails的MVC架構和Vue.js的MVVC設計架構做些了解，對未來專案的前端、後端的檔案位置就比較能夠...
前情提要 從開始安裝到完成，檢查專案目錄下變更的檔案結構，會發現Storybook的安裝做了以下的步驟。 安裝需要的相依套件 在Package.json加上建...
tags: Vuejs TL;DR ✐ 要了解 Vue 的簡短歷史，筆者推薦可以自這部由 Honeypot 在 2020.02.24 發布的 Vue.js: T...
Day 2 Rails 與 Vue 的架構介紹 現在大型商業購物網站、以及社群網站的規模開始增加，需要加入更多的商業邏輯和功能，為了讓網站工程師專業分工更容易，...
Install Storybook 安裝 Storybook 只需要在Terminal，切換到現有專案的根目錄後，簡單的執行一行指令 npx sb init...
Vue：既然知道了初步的概念，首先我們來看看v-bind屬性綁定吧： v-vind綁定class，如下： <body> <div...
tags: Vuejs 前言 在開始之前，先簡單的自我介紹 ～ 筆者是名新手前端工程師，過往是平面設計師，目前學習前端約 1 年半的時間，本篇鐵人會集中在 Vu...
開賽宣言 聽說javascript快統治全世界了！（驚） 漸漸地、後端工程師也開始把javascript框架變成必須熟悉的標準配備！ JavaScript +...
1.安裝編譯器 VScode 安裝 官方下載 VScode 插件安裝 Chinese (Traditional) Language Pack f...
我第一個使用的 MVVP 框架是 Angular還記得第一次使用 ng-model 的時候，真的是令人驚艷!!後來忘記是什麼契機，看到了 Vuejs，試用過後覺...
首先我們要先了解甚麼是模板語法? 而甚麼是模板? 模板 模板其實跟render function 是一樣的運作模式的~我們會將模板編譯成為render func...
元件的生命週期，Vue的官網很貼心，幫你準備好圖示，今天就帶大家來解釋一番。 不要在選項property或回調上使用箭頭函數，比如created: () =...
lala_lee_jobs
貓貓工程師 / PM Ting
RURU Tseng
EdwardXiong
Celeste
Leo
Cian
ryanyen2
文斯先生
iThome鐵人賽
看影片追技術