iT邦幫忙

vue相關文章
共有 669 則文章
0 Like 0 留言 838 瀏覽
鐵人賽 自我挑戰組 DAY 25
與Vue相遇 系列 第 25 篇

技術 Day025-透過Vuex-實作簡易部落格

Vue：接下來透過幾天，我們將把之前學的router、Vuex等，實現在這個專案上面。由上圖首頁，除了基本路由設定(首頁和文章)，將會以組件方式生成文章列表：文...

EdwardXiong ‧ 2020-10-09
1 Like 0 留言 2382 瀏覽
鐵人賽 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 留言 2956 瀏覽
鐵人賽 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的方式從後端得到資料渲染在網頁上！ 看起來好像前進了一大步，但...

貓貓工程師 Ting Ting ‧ 2020-10-09
2 Like 1 留言 4979 瀏覽
鐵人賽 自我挑戰組 DAY 23
每天來點 Vue.js 吧 系列 第 23 篇

技術 對 Vue component 傳入非 Prop 的 attribute

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

RURU Tseng ‧ 2020-10-08
0 Like 0 留言 917 瀏覽
鐵人賽 自我挑戰組 DAY 24
與Vue相遇 系列 第 24 篇

技術 Day024-Vuex 資料控管介紹(四)-Getters改變資料內容

Vue：資料改變，除了利用method或computed，還有getter。 Getter好處是當資料集中管理，部分組件或元件需要用到不同資料下，可提供相對應的...

EdwardXiong ‧ 2020-10-08
1 Like 0 留言 1374 瀏覽
鐵人賽 Modern Web DAY 23
「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站 系列 第 23 篇

技術 [VR 前後端交響曲Day23] Rails專案開發 - Vuex狀態管理 (1)

昨天我把一張自己開給自己的票：拖拉ticket解決了! 接著換下一張票、同時也就是今天的鐵人賽主題：改寫成Vuex來管理狀態～ 在鐵人賽第13天的時候曾經聊到...

貓貓工程師 Ting Ting ‧ 2020-10-08
1 Like 0 留言 2105 瀏覽
鐵人賽 Modern Web DAY 23
玩轉 Storybook 系列 第 23 篇

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

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

lala_lee_jobs ‧ 2020-10-08
0 Like 0 留言 790 瀏覽
鐵人賽 自我挑戰組 DAY 23
與Vue相遇 系列 第 23 篇

技術 Day023-Vuex 資料控管介紹(三)-Mutation與Actions資料運作

需要用的頁面上： import Action和 State進來 透過methods調用mapActions 透過computed調用mapState...

EdwardXiong ‧ 2020-10-07
1 Like 0 留言 1830 瀏覽
鐵人賽 Modern Web DAY 22
「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站 系列 第 22 篇

技術 [VR 前後端交響曲Day22] Rails專案開發 - Vue draggable套件拖拉ticket

已經來到第22天了！剩下一週的時間我的專案就要部署（顯示為加緊趕工）～ 昨天的鐵人賽把column拖拉完成， 今天的需求：拖拉ticket，而且可以移動到不同的...

貓貓工程師 Ting Ting ‧ 2020-10-07
1 Like 0 留言 995 瀏覽
鐵人賽 Modern Web DAY 22
玩轉 Storybook 系列 第 22 篇

技術 玩轉 Storybook: Day 22 Construct a screen - Angular

在前面的單元，我們已經完成了開發單一元件Task，也完成了複合元件 TaskList，也把 TaskList 拆分為容器型(TaskListComponent)...

lala_lee_jobs ‧ 2020-10-07
1 Like 1 留言 10383 瀏覽
鐵人賽 自我挑戰組 DAY 21
每天來點 Vue.js 吧 系列 第 21 篇

技術 Vue component 上該如何使用 v-model ？

tags: Vuejs v-model ✐ v-model 作用於表單元件上時，是 雙向數據綁定 的語法糖： <input v-model="n...

RURU Tseng ‧ 2020-10-06
0 Like 0 留言 10595 瀏覽
鐵人賽 自我挑戰組 DAY 4
跟 VueJS 認識的30天 系列 第 9 篇

技術 [DAY09]跟 Vue.js 認識的30天 - Vue 的資料雙向綁定

在別人都完成30天鐵人賽的路上，我真的是太難了QQ，我才發現我一個禮拜的產量竟然只有1-2篇，在看文件的時候才發現自己之前練習 Vue 遇到的問題，真的是絕大部...

Celeste ‧ 2020-10-06
0 Like 0 留言 775 瀏覽
鐵人賽 自我挑戰組 DAY 22
與Vue相遇 系列 第 22 篇

技術 Day022-Vuex 資料控管介紹(二)-Sate資料內容

Vue：今日首先來了解一下Vuex中的State部分：State部分來說，相當於Vue的data，專門儲存資料。我們首先可以在這邊定義資料來源，將其為我們所需要...

EdwardXiong ‧ 2020-10-06
1 Like 0 留言 1193 瀏覽
鐵人賽 Modern Web DAY 21
玩轉 Storybook 系列 第 21 篇

技術 玩轉 Storybook: Day 21 Wire in data - Angular & ngxs

Container and Presentational 官網的程式碼架構，會把元件分成二種類型-容器型(Container)及表現型(Presentation...

lala_lee_jobs ‧ 2020-10-06
2 Like 0 留言 4411 瀏覽
鐵人賽 Modern Web DAY 21
「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站 系列 第 21 篇

技術 [VR 前後端交響曲Day21] Rails專案開發 - Vue draggable套件拖拉column

隨著鐵人賽過了2/3來到尾聲，我們的Kanban開始有了雛形。 而今天實作的目的，是要讓Kanban裡的欄位可以拖拉，而且能將拖拉完的結果存入資料庫！ 想到系...

貓貓工程師 Ting Ting ‧ 2020-10-06
0 Like 0 留言 2119 瀏覽
鐵人賽 自我挑戰組 DAY 20
每天來點 Vue.js 吧 系列 第 20 篇

技術 Vue 自定義事件 - 拋出子組件數據

Props down, Event up ✐ Prop 是數據由父組件向子組件流動的 單向數據流，也就代表子組件無法透過 Prop 更改父組件的數據（注意，盡量...

RURU Tseng ‧ 2020-10-05
0 Like 0 留言 785 瀏覽
鐵人賽 自我挑戰組 DAY 21
與Vue相遇 系列 第 21 篇

技術 Day021-Vue 資料控管介紹(一)

Vue：前陣子，我們學到了組件資料的相互傳遞，包含父元件利用props傳遞資料給子元件、子元件利用$emit傳遞給父元件。然而，這些都是單向資料傳遞：對於單一請...

EdwardXiong ‧ 2020-10-05
1 Like 0 留言 1115 瀏覽
鐵人賽 Modern Web DAY 20
玩轉 Storybook 系列 第 20 篇

技術 玩轉 Storybook: Day 20 Construct a screen - Vue

在前面的單元，我們已經完成了開發單一元件Task，也完成了複合元件 TaskList，也把 TaskList 拆分為容器型(TaskList.vue) 及 表現...

lala_lee_jobs ‧ 2020-10-05
1 Like 0 留言 1018 瀏覽
鐵人賽 Modern Web DAY 20
「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站 系列 第 20 篇

技術 [VR 前後端交響曲Day20] Rails專案開發 - 建立Vue元件: Ticket component

昨天的鐵人賽我們終於開始真正把手上在開發的系統變成，Vue.js x Rails專案了，可喜可賀！ 今天，我想開給自己兩張票ticket，包括明後兩天要製作的t...

貓貓工程師 Ting Ting ‧ 2020-10-05
0 Like 0 留言 1075 瀏覽
鐵人賽 自我挑戰組 DAY 19
每天來點 Vue.js 吧 系列 第 19 篇

技術 How to find your passion as a Software Developer - Evan You

tags: Vuejs How to find your passion as a Software Developer ✐ 在連假的最後一天，一樣來一些輕鬆的...

RURU Tseng ‧ 2020-10-04
0 Like 0 留言 801 瀏覽
鐵人賽 Modern Web DAY 20
NestJs 讀書筆記 系列 第 20 篇

技術 VueJs - VueApollo Store

VueApollo Store 我想對 Vue 熟悉的讀者，在做前端緩存時大多數都是使用 Vuex ，不過當我們使用 Vue Apollo 時，它有自己的暫存區...

abc61958761 ‧ 2020-10-04
1 Like 0 留言 1032 瀏覽
鐵人賽 Modern Web DAY 19
玩轉 Storybook 系列 第 19 篇

技術 玩轉 Storybook: Day 19 Wire in data - Vue & Vuex

Container and Presentational 官網的程式碼架構，會把元件分成二種類型-容器型(Container)及表現型(Presentation...

lala_lee_jobs ‧ 2020-10-04
1 Like 1 留言 1052 瀏覽
鐵人賽 Modern Web DAY 19
「VR 」前端後端交響曲 - 30天開發 Vue.js feat. Ruby on Rails即時互動網站 系列 第 19 篇

技術 [VR 前後端交響曲Day19] Rails專案開發 - 建立Vue元件: Column component

在昨天的鐵人賽，我們利用rails的scaffold指令，迅速地將看板Kanban的CRUD調整成符合專案適合的樣貌，並完成了使用者登入後頁面，列出了目前筆者在...

貓貓工程師 Ting Ting ‧ 2020-10-04
0 Like 0 留言 1889 瀏覽
鐵人賽 自我挑戰組 DAY 19
與Vue相遇 系列 第 19 篇

技術 Day019-Vue Router介紹(三)巢狀路由：

Vue：昨日講述了基本的Route設定後，今天我們再來看看巢狀路由吧！ 對於頁面上的切換，是很容易透過Route做到的。但有沒有可能，會需要將頁面某一部分，作為...

EdwardXiong ‧ 2020-10-03
0 Like 0 留言 680 瀏覽
鐵人賽 自我挑戰組 DAY 18
每天來點 Vue.js 吧 系列 第 18 篇

技術 Seeking the Balance in Framework Design

tags: Vuejs Seeking the Balance in Framework Design ✐ 在中秋連假倒數兩天的今天，作為放鬆，來分享之前看的...

RURU Tseng ‧ 2020-10-03
2 Like 0 留言 1679 瀏覽
鐵人賽 Modern Web DAY 18
玩轉 Storybook 系列 第 18 篇

技術 玩轉 Storybook: Day 18 Automated Visual Testing

視覺回溯測試 做視覺回溯測試的目的是要檢查每次修改元件UI的變化，當專案越來越大時，或是接近上線時期，修改元件的部分，有時會影響到整個專案。人工去檢視一定會有疏...

lala_lee_jobs ‧ 2020-10-03
0 Like 0 留言 1930 瀏覽
鐵人賽 自我挑戰組 DAY 17
每天來點 Vue.js 吧 系列 第 17 篇

技術 Vue component 父組件向子組件傳遞數據的方法 - Prop（下）

tags: Vuejs 前言 ✐ 上一篇中說明了透過 Prop，我們可以將父組件的值傳遞給子組件，這一篇中，我們會來看 Prop 的使用細節。 命名規則 ✐ 在...

RURU Tseng ‧ 2020-10-02
0 Like 0 留言 1076 瀏覽
鐵人賽 自我挑戰組 DAY 18
與Vue相遇 系列 第 18 篇

技術 Day018-Vue Router介紹(二)路由設定

Vue：設定基本路由，可以拆解成以下步驟： 定義模板 template 配置模板路線(routes)(每一條路線，都會對應到相應的component；而這邊的...

EdwardXiong ‧ 2020-10-02
1 Like 0 留言 2453 瀏覽
鐵人賽 Modern Web DAY 17
玩轉 Storybook 系列 第 17 篇

技術 玩轉 Storybook: Day 17 Unit Test with JEST

用 Storybook 搭配測試方法，從元件開發到完成整個專案，可以增加開發者的信心，不會擔心改A錯B的狀況發生，因為從邏輯面及UI面都能被完整的測試到。 單元...

lala_lee_jobs ‧ 2020-10-02
0 Like 0 留言 2167 瀏覽
鐵人賽 自我挑戰組 DAY 16
每天來點 Vue.js 吧 系列 第 16 篇

技術 Vue component 父組件向子組件傳遞數據的方法 - Prop（上）

tags: Vuejs 組件間的傳遞數據的方法 ✐ 在 Vue 之中，組件之間的數據並不共用，換句話說，組件之間若是需要傳遞數據，需要透過幾種方式進行： 以下列...

RURU Tseng ‧ 2020-10-01
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css 程式設計 react vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙