iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2 Like 0 留言 1522 瀏覽

技術 Vue ⑅：將資料呈現在畫面上

Vue Data 呈現於畫面上有以下幾種方法： {{ }}：神奇的雙大括號 v-text：跟神奇大括號一樣的效果，但是寫在標籤裡 v-once：綁定的標籤只會...

RIN ‧ 2020-11-17

0 Like 0 留言 1248 瀏覽

技術 Vue ⑅：要開始Vue之前要先做的事

JavaScript 學得差不多了，覺得應該可以開始 Vue 看看了但在 Vue 之前要先引入它。在引入它之前，還有幾個要下載的東西： Vue Devt...

RIN ‧ 2020-11-16

0 Like 0 留言 8763 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 13 篇

技術 [DAY13] 跟 Vue.js 認識的30天 - Vue 模組自定義事件(Custom Events)

每次寫筆記都在想要怎麼寫得讓大家(包含未來的我)看得懂，所以每次都要寫很久，但好像自己的內容有點太無聊了 XD 。自定義事件( Custom Events )...

Celeste ‧ 2020-11-09

0 Like 0 留言 2131 瀏覽

技術 Vuex 是什麼

Vuex 是 Vue 提供的一種資料狀態管理的模式，它可以統一控管資料的狀態，都是在小型的 SPA 網站，元件資料的傳遞可以透過 props ，但如果是大型的...

Jerry Huang ‧ 2020-11-03

0 Like 0 留言 13490 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 12 篇

技術 [DAY12]跟 Vue.js 認識的30天 - Vue 模組資料傳遞(`props`)

props 的命名及使用 HTML attribute 是大小寫不敏感的，所以必須要注意 prop 的命名跟使用。命名可以使用 PascalCase (首...

Celeste ‧ 2020-10-31

1 Like 0 留言 10164 瀏覽

鐵人賽自我挑戰組

跟 VueJS 認識的30天系列第 11 篇

技術 [DAY11]跟 Vue.js 認識的30天 - Vue 的模組註冊(`component`)

模組的命名一個模組的命名關係到我們是否能快速地知道這個模組的功能是甚麼，同時可以避免跟現有的 HTML 標籤相衝突。在Vue.js - 风格指南中， com...

Celeste ‧ 2020-10-17

0 Like 1 留言 1448 瀏覽

鐵人賽自我挑戰組 DAY 30

每天來點 Vue.js 吧系列第 30 篇

技術每天來點 Vue.js 吧目錄&總結

tags: Vuejs 本次鐵人作為進入 Vue 3 的前的粗淺回顧，簡單介紹了 Vue 2 官網的內容，雖然有許多不足，中段開始時間調控上做的也不如預期，但在...

RURU Tseng ‧ 2020-10-15

0 Like 1 留言 1720 瀏覽

鐵人賽自我挑戰組 DAY 29

每天來點 Vue.js 吧系列第 29 篇

技術 Vue 動態組件

tags: Vuejs 動態組件 ✐ 動態組件可以幫助我們動態切換組件，例如在網頁的多標籤介面中常見到動態切換組件的需求，便是動態組件能幫忙的場景之一。使用...

RURU Tseng ‧ 2020-10-14

1 Like 1 留言 1646 瀏覽

鐵人賽 Modern Web DAY 29

從 0 開始建一個 Static Site Generator 系列第 29 篇

技術 Day 29: 實作 Vue 的 Server Side Render

這篇的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-generat...

DanSnow ‧ 2020-10-14

1 Like 3 留言 1641 瀏覽

鐵人賽 Modern Web DAY 30

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 30 篇

技術 [VR 前後端交響曲Day30] Rails專案開發 - 網站部署 + 完賽感言

今天就是網站部署、公開上線的日子了！不過，因為現在只是最小可行產品而已，還有很多預計規劃的功能還沒完成(例如column component的CRUD)，所以...

貓貓工程師 / PM Ting ‧ 2020-10-15

1 Like 0 留言 1762 瀏覽

鐵人賽 Modern Web DAY 29

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 29 篇

技術 [VR 前後端交響曲Day29] Rails專案開發 - Action Cable即時互動功能: 以edit和delete ticket為例

來到倒數第二天啦！感動流淚O_Q 前兩天裡用Vuex狀態管理的方式實作編輯和刪除ticket 本日待實作的功能：利用Action Cable廣播，在任何的瀏覽器...

貓貓工程師 / PM Ting ‧ 2020-10-14

0 Like 1 留言 2054 瀏覽

鐵人賽自我挑戰組 DAY 28

每天來點 Vue.js 吧系列第 28 篇

技術 Vue slot：作用域插槽、具名插槽的縮寫

tags: Vuejs 作用域插槽 <slot> 內容在父模板編譯，基於 Vue 的定義，在父模板中編譯的內容訪問 parent scope，在子模...

RURU Tseng ‧ 2020-10-13

1 Like 0 留言 1540 瀏覽

鐵人賽 Modern Web DAY 28

從 0 開始建一個 Static Site Generator 系列第 28 篇

技術 Day 28: 介紹 Vue 的 Server Side Render

雖然一開始說 Vue 因為有 Single File Component ，所以要 Server Side Render 可能會碰到需要用 bundler 的情...

DanSnow ‧ 2020-10-13

0 Like 0 留言 4012 瀏覽

鐵人賽自我挑戰組 DAY 4

跟 VueJS 認識的30天系列第 10 篇

技術 [DAY10]跟 Vue.js 認識的30天 - Vue 的基本模組(`component`)概念

Vue 的模組 - component 作用 Vue 的模組 component 是可以重複使用的 Vue 實例，所以也擁有 data、computed、wa...

Celeste ‧ 2020-10-13

0 Like 0 留言 1347 瀏覽

鐵人賽自我挑戰組 DAY 27

每天來點 Vue.js 吧系列第 27 篇

技術 Vue slot：具名插槽

tags: Vuejs 具名插槽 ✐ 若是需要多個插槽，可以在 <slot> 中使用 name attribute，定義命名的插槽，可以定義具有多個...

RURU Tseng ‧ 2020-10-12

1 Like 0 留言 1129 瀏覽

鐵人賽 Modern Web DAY 28

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 28 篇

技術 [VR 前後端交響曲Day28] Rails專案開發 - 刪除ticket (使用vuex狀態管理)

CRUD新增、刪除、修改、顯示功能是一個完整的線上系統不可或缺的功能。昨天我們完成了更新 ticket，以及介紹了dispatch讓Vue可以聯絡到Vuex的a...

貓貓工程師 / PM Ting ‧ 2020-10-13

0 Like 0 留言 1293 瀏覽

鐵人賽自我挑戰組 DAY 30

與Vue相遇系列第 30 篇

技術 Day030-與Vue相遇--鐵人賽回顧

回顧30天，也讓我回憶了今年從金融業被抓去做開發工程師的日子。這30天中，講述了Vue的基本介紹、性能比較，也依據Vue的特性，實作出許多app。當然，雖...

EdwardXiong ‧ 2020-10-14

0 Like 0 留言 922 瀏覽

鐵人賽自我挑戰組 DAY 29

與Vue相遇系列第 29 篇

技術 Day029-透過Vuex-實作簡易部落格-打包你的專案吧！

Vue：還記得第10天時，我們才剛認識Vue CLI，但你還記得我的介面嗎? 接著，我們試試看這個指令： npm run build 如此，產生的資料即打包嚕...

EdwardXiong ‧ 2020-10-13

0 Like 0 留言 1225 瀏覽

鐵人賽自我挑戰組 DAY 28

與Vue相遇系列第 28 篇

技術 Day028-透過Vuex-實作簡易部落格-修改文章

Vue：實做部落格最後一步驟，就是修改文章！上一篇已經了解如何將id生成，如此才可以做個別文章上的操作。原先，在Article頁面上，我們可以加上一個標示，讓文...

EdwardXiong ‧ 2020-10-12

0 Like 2 留言 1101 瀏覽

鐵人賽自我挑戰組 DAY 26

每天來點 Vue.js 吧系列第 26 篇

技術 Vue slot：編譯作用域、後備內容

tags: Vuejs <slot> 是什麼？ ✐ Vue 中的 <slot> 是 Vue 內置的組件 build-in compone...

RURU Tseng ‧ 2020-10-11

0 Like 0 留言 886 瀏覽

鐵人賽自我挑戰組 DAY 27

與Vue相遇系列第 27 篇

技術 Day027-透過Vuex-實作簡易部落格-列舉及刪除文章

Vue：昨日，我們已將文章新增實做出來了！現在只要將文章列舉在首頁，只需要使用之前學到的v-for迴圈，即可完成！透過 v-for，將vuex中state的ar...

EdwardXiong ‧ 2020-10-11

0 Like 0 留言 3074 瀏覽

鐵人賽 Modern Web DAY 26

《你的地圖會說話？ WebGIS與JavaScript的情感交織》系列第 26 篇

技術 [Vue2Leaflet系列二] Leaflet Plugins with Vue

本系列文章已出版實體書籍：「你的地圖會說話？WebGIS 與 JavaScript 的情感交織」（博碩文化）WebGIS啟蒙首選✖五家地圖API✖近百個程式範...

PerryLiao ‧ 2020-10-11

1 Like 0 留言 939 瀏覽

鐵人賽 Modern Web DAY 27

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 27 篇

技術 [VR 前後端交響曲Day27] Rails專案開發 - 編輯ticket (使用vuex狀態管理)

前情提要：前天我們完成了新增ticket，昨天也順便介紹了v-if語法；今天就延續著前兩天的tempo~~，介紹以Vue.js實作CRUD裡的編輯功能！ Ste...

貓貓工程師 / PM Ting ‧ 2020-10-12

0 Like 0 留言 3782 瀏覽

鐵人賽自我挑戰組 DAY 25

每天來點 Vue.js 吧系列第 25 篇

技術 Vue 透過 `$listeners` 在子組件特定元素上監聽原生事件

tags: Vuejs 監聽子組件原生事件 ✐ 當父組件需要接收子組件訊息、數據時，可以透過在子組件自定義事件達成，除此之外若是需要監聽子組件根元素原生...

RURU Tseng ‧ 2020-10-10

1 Like 0 留言 947 瀏覽

鐵人賽 Modern Web DAY 26

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 26 篇

技術 [VR 前後端交響曲Day26] Rails專案開發 - 新增ticket（v-if語法介紹)

昨天鐵人賽做完了新增ticket！所以現在專案裡，Done欄位完成了三張票～不過，在繼續實作編輯及刪除ticket功能之前，昨天的完成品有個地方我還不太滿意...

貓貓工程師 / PM Ting ‧ 2020-10-11

1 Like 0 留言 1129 瀏覽

鐵人賽 Modern Web DAY 25

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 25 篇

技術 [VR 前後端交響曲Day25] Rails專案開發 - 新增ticket

盤點這一週的完成項目：我們現在學會了：把Rails專案裡會重複使用的部分改寫成Vue 元件（column, ticket）使用Vue套件Vue drag...

貓貓工程師 / PM Ting ‧ 2020-10-10

2 Like 1 留言 5324 瀏覽

鐵人賽自我挑戰組 DAY 23

每天來點 Vue.js 吧系列第 23 篇

技術對 Vue component 傳入非 Prop 的 attribute

tags: Vuejs Vue component 可以傳入 prop attribute 以及 non-prop attribute 兩種 attribute...

RURU Tseng ‧ 2020-10-08

1 Like 0 留言 2650 瀏覽

鐵人賽 Modern Web DAY 24

玩轉 Storybook 系列第 24 篇

技術玩轉 Storybook: Day 24 MDX

MDX 若要更詳細的整理 Storybook 文件，可以使用 Markdown 語法搭配 JSX 的格式 - MDX。有二種使用 MDX 方法 Story...

lala_lee_jobs ‧ 2020-10-09

1 Like 0 留言 3224 瀏覽

鐵人賽 Modern Web DAY 24

「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站系列第 24 篇

技術 [VR 前後端交響曲Day24] Rails專案開發 - Vuex狀態管理(2) mapState、mapGetters、mapActions、mapMutations

昨天鐵人賽我們kanban專案裡，把column改寫為Vuex狀態管理並透過beforeMount的方式從後端得到資料渲染在網頁上！看起來好像前進了一大步，但...

貓貓工程師 / PM Ting ‧ 2020-10-09

1 Like 0 留言 2402 瀏覽

鐵人賽 Modern Web DAY 23

玩轉 Storybook 系列第 23 篇

技術玩轉 Storybook: Day 23 DocsPage and Doc Blocks

DocsPage 介紹 Storybook Docs 是預設的 Addons，不需要做設定就可以使用。它可以整合元件裡的Stories、文字描述、程式註解、參數...

lala_lee_jobs ‧ 2020-10-08

技術 Vue ⑅：將資料呈現在畫面上

技術 Vue ⑅：要開始Vue之前要先做的事

技術 [DAY13] 跟 Vue.js 認識的30天 - Vue 模組自定義事件(Custom Events)

技術 Vuex 是什麼

技術 [DAY12]跟 Vue.js 認識的30天 - Vue 模組資料傳遞(`props`)

技術 [DAY11]跟 Vue.js 認識的30天 - Vue 的模組註冊(`component`)

技術 每天來點 Vue.js 吧 目錄&總結

技術 Vue 動態組件

技術 Day 29: 實作 Vue 的 Server Side Render

技術 [VR 前後端交響曲Day30] Rails專案開發 - 網站部署 + 完賽感言

技術 [VR 前後端交響曲Day29] Rails專案開發 - Action Cable即時互動功能: 以edit和delete ticket為例

技術 Vue slot：作用域插槽、具名插槽的縮寫

技術 Day 28: 介紹 Vue 的 Server Side Render

技術 [DAY10]跟 Vue.js 認識的30天 - Vue 的基本模組(`component`)概念

技術 Vue slot： 具名插槽

技術 [VR 前後端交響曲Day28] Rails專案開發 - 刪除ticket (使用vuex狀態管理)

技術 Day030-與Vue相遇--鐵人賽回顧

技術 Day029-透過Vuex-實作簡易部落格-打包你的專案吧！

技術 Day028-透過Vuex-實作簡易部落格-修改文章

技術 Vue slot：編譯作用域、後備內容

技術 Day027-透過Vuex-實作簡易部落格-列舉及刪除文章

技術 [Vue2Leaflet系列二] Leaflet Plugins with Vue

技術 [VR 前後端交響曲Day27] Rails專案開發 - 編輯ticket (使用vuex狀態管理)

技術 Vue 透過 `$listeners` 在子組件特定元素上監聽原生事件

技術 [VR 前後端交響曲Day26] Rails專案開發 - 新增ticket（v-if語法介紹)

技術 [VR 前後端交響曲Day25] Rails專案開發 - 新增ticket

技術 對 Vue component 傳入非 Prop 的 attribute

技術 玩轉 Storybook: Day 24 MDX

技術 [VR 前後端交響曲Day24] Rails專案開發 - Vuex狀態管理(2) mapState、mapGetters、mapActions、mapMutations

技術 玩轉 Storybook: Day 23 DocsPage and Doc Blocks

標記使用者

技術每天來點 Vue.js 吧目錄&總結

技術 Vue slot：具名插槽

技術對 Vue component 傳入非 Prop 的 attribute

技術玩轉 Storybook: Day 24 MDX

技術玩轉 Storybook: Day 23 DocsPage and Doc Blocks