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

0 Like 0 留言 1238 瀏覽

技術 Vue 在 Localhost 開發時出現 “[prerender-spa-plugin] Unable to prerender all routes!” 錯誤的解決方式

我在 Localhost 開發的時候會出現一個錯誤訊息困擾有許久，而且是機率性的。因為以 SPA(Single-Page Application) 開發專案項目...

火爆浪子 ‧ 2021-08-05

2 Like 0 留言 1174 瀏覽

鐵人賽 Modern Web DAY 17

VueJS 從前端到後端系列第 17 篇

技術題外話：原始碼之藏在 $watch 當中的神奇設定 Day 16

部落格同步刊登 [IT 鐵人賽] 題外話：原始碼之藏在 $watch 當中的神奇設定 Day 16 其實，這是我之前寫過的一篇文章（我絕對不會承認是拿來墊...

閃光洽 ‧ 2019-09-18

0 Like 0 留言 1145 瀏覽

鐵人賽 Modern Web DAY 23

VueJS 從前端到後端系列第 23 篇

技術動態載入 Vue App Day 22

部落格同步刊登 [IT 鐵人賽] 動態載入 Vue App Day 22 昨天又再次說到動態載入元件，今天則來聊一下 Vue App 是不是也能做這種事情。...

閃光洽 ‧ 2019-09-24

0 Like 0 留言 1138 瀏覽

鐵人賽自我挑戰組 DAY 30

與Vue相遇系列第 30 篇

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

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

EdwardXiong ‧ 2020-10-14

0 Like 0 留言 1122 瀏覽

鐵人賽自我挑戰組 DAY 1

與Vue相遇系列第 1 篇

技術 Day01-初見Vue(前言)

身處金融業的我，從未想過有天還能在工作上，返回開發工程師的行列。一直以來，對於JS的喜愛依舊不減，假日時，偶爾還會開著電腦，寫寫JS。但對於框架語言，從未接觸。...

EdwardXiong ‧ 2020-09-15

0 Like 0 留言 1119 瀏覽

鐵人賽自我挑戰組 DAY 15

與Vue相遇系列第 15 篇

技術 Day015-Component組件-基本帳務系統實例

Vue：對於昨天全局與局部的基本了解後，今天我們利用一個實例，來解一下組件的好處吧~ 首先，先看一個基本的網頁結構：一般來說，網頁中一定會有共用的部分。以上圖為...

EdwardXiong ‧ 2020-09-29

0 Like 0 留言 1066 瀏覽

鐵人賽自我挑戰組 DAY 18

與Vue相遇系列第 18 篇

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

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

EdwardXiong ‧ 2020-10-02

0 Like 0 留言 1054 瀏覽

鐵人賽自我挑戰組 DAY 28

與Vue相遇系列第 28 篇

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

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

EdwardXiong ‧ 2020-10-12

0 Like 0 留言 1029 瀏覽

鐵人賽自我挑戰組 DAY 17

與Vue相遇系列第 17 篇

技術 Day017-Vue Router介紹(一)基本介紹

Vue：還記得在Vue CLI建置專案時候，也有遇上Vue Router嗎？無論你是使用history mode或hash mode，設置路由，將可以導入到正確...

EdwardXiong ‧ 2020-10-01

0 Like 0 留言 1015 瀏覽

鐵人賽 Modern Web DAY 28

VueJS 從前端到後端系列第 28 篇

技術大型資料載入實例與狀況 Deep watch Day 27

部落格同步刊登 [IT 鐵人賽] 大型資料載入實例與狀況 Deep watch Day 27 昨天看了一些關於大量 DOM 的事情，今天來聊一下關於深度監看...

閃光洽 ‧ 2019-09-29

0 Like 1 留言 994 瀏覽

鐵人賽自我挑戰組 DAY 9

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

技術 Vue computed 與 watch 差異

Fixing ... 若是文中有任何錯誤、錯字、想討論的內容，歡迎各位大大不吝鞭笞指正、交流分享，筆者不慎感激 ✦ ✦ ✦ ▶︎ 筆者 github：http...

RURU Tseng ‧ 2020-09-24

0 Like 1 留言 975 瀏覽

鐵人賽自我挑戰組 DAY 14

與Vue相遇系列第 14 篇

技術 Day014-Component組件

Vue：隨著你使用vue的狀況，你更應該要了解元件模組化的概念。vue不但在資料上面有所規劃，他在元件模組化也有所強大，讓你可以輕鬆地管理好你的元件。在進行案例...

EdwardXiong ‧ 2020-09-28

3 Like 0 留言 967 瀏覽

鐵人賽 Modern Web DAY 8

Vue 怎麼寫測試系列第 8 篇

技術 Day 8. 工具人的工具箱建置

聖誕節的禮物就是，感冒感恩寒流，讚嘆寒流。所以今天當然是影片君來支援

Mos ‧ 2017-12-25 ‧團隊神功護體

0 Like 0 留言 944 瀏覽

鐵人賽自我挑戰組 DAY 26

與Vue相遇系列第 26 篇

技術 Day026-透過Vuex-實作簡易部落格-新增文章

Vue：文章為本專案的共用資料。當許多頁面都需要用到時，這個時候使用Vuex就是最佳時機。下圖，可以看到，在其中一個元件下(Add-Article元件)新增文章...

EdwardXiong ‧ 2020-10-10

0 Like 0 留言 912 瀏覽

鐵人賽自我挑戰組 DAY 24

與Vue相遇系列第 24 篇

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

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

EdwardXiong ‧ 2020-10-08

0 Like 0 留言 908 瀏覽

鐵人賽自我挑戰組 DAY 3

與Vue相遇系列第 3 篇

技術 Day03-v-bind屬性綁定

Vue：既然知道了初步的概念，首先我們來看看v-bind屬性綁定吧： v-vind綁定class，如下： <body> <div...

EdwardXiong ‧ 2020-09-17

0 Like 0 留言 866 瀏覽

鐵人賽自我挑戰組 DAY 12

與Vue相遇系列第 12 篇

技術 Day012-Lifecycle-Vue實體生命週期-了解你的夢中情人

與Vue相遇後，一開始其實有點懷疑vue的應用。但使用後，對她越來越著迷，這使我更想了解她。每當我們使用vue時，有些步驟都會相對應的重複，例如創建Vue、建...

EdwardXiong ‧ 2020-09-26

0 Like 0 留言 864 瀏覽

鐵人賽自我挑戰組 DAY 10

與Vue相遇系列第 10 篇

技術 Day010-Vue CLI

猶如昨日的期待，我很興奮地按照了Vue的指示：先到node官網下載，下載完成後，立刻安裝2.打開command line並輸入npm install -g...

EdwardXiong ‧ 2020-09-24

0 Like 0 留言 838 瀏覽

鐵人賽自我挑戰組 DAY 13

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

技術 v-for 列表渲染

tags: Vuejs v-for ✐ v-for 指令可以使我們方便的渲染 Array 成為列表，在渲染列表相關的 data 時十分方便，並且 v-for 除...

RURU Tseng ‧ 2020-09-28

0 Like 0 留言 835 瀏覽

鐵人賽自我挑戰組 DAY 25

與Vue相遇系列第 25 篇

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

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

EdwardXiong ‧ 2020-10-09

1 Like 0 留言 804 瀏覽

鐵人賽 Modern Web DAY 18

關於我用 Laravel 寫 SPA 卻不寫 API 的那檔事系列第 18 篇

技術 Day 18 Lightning 文章、草稿列表

文章列表文章列表的路由已經存在 Resource 裡，只要再加一個草稿列表的路由，而且一定要放在 ShowPost 上面： routes/web.php /...

Lucas Yang ‧ 2020-09-20

0 Like 0 留言 790 瀏覽

鐵人賽自我挑戰組 DAY 29

與Vue相遇系列第 29 篇

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

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

EdwardXiong ‧ 2020-10-13

0 Like 0 留言 783 瀏覽

鐵人賽自我挑戰組 DAY 23

與Vue相遇系列第 23 篇

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

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

EdwardXiong ‧ 2020-10-07

0 Like 0 留言 776 瀏覽

鐵人賽自我挑戰組 DAY 21

與Vue相遇系列第 21 篇

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

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

EdwardXiong ‧ 2020-10-05

0 Like 0 留言 771 瀏覽

鐵人賽自我挑戰組 DAY 22

與Vue相遇系列第 22 篇

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

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

EdwardXiong ‧ 2020-10-06

0 Like 0 留言 771 瀏覽

鐵人賽自我挑戰組 DAY 8

與Vue相遇系列第 8 篇

技術 Day08-利用Computed&Filter屬性

又到了與Vue見面的時候，昨日完成了toDoList後，還想知道Vue有什麼特別的~ Vue：相信你已經開始熟悉Vue的操作，聽你上次說，客戶對於數據上，有很長...

EdwardXiong ‧ 2020-09-22

0 Like 0 留言 766 瀏覽

技術 Java 開發 WEB 的好平台 -- Grails -- (3) 建立一個 SPA 的 Grails 專案

或許有人會問「那我要開發 SPA 網站時，要如何跟 Grails 搭配呢？」。這個問題的答案很簡單，Grails 已經設想到這情況。在使用 IntelliJ-I...

wureka ‧ 2021-11-13

0 Like 0 留言 760 瀏覽

鐵人賽自我挑戰組 DAY 7

與Vue相遇系列第 7 篇

技術 Day07-toDoLis實做

聽完Vue的介紹後，既然這麼好用，趕緊回到家，利用Vue來練習toDoList：因為框架的原因，寫起來十分得心應手。在代辦事項及完成事項來說，只需要透過v-mo...

EdwardXiong ‧ 2020-09-21

0 Like 0 留言 743 瀏覽

鐵人賽自我挑戰組 DAY 11

與Vue相遇系列第 11 篇

技術 Day011-腳手架介紹

透過Vue CLI的建立，在我們打開專案後，主要會看到三個資料夾及一部分非資料夾區塊。我們可以先從最主要的src資料夾來看：src資料夾為專案中最重要的一部分。...

EdwardXiong ‧ 2020-09-25

0 Like 0 留言 732 瀏覽

鐵人賽自我挑戰組 DAY 27

與Vue相遇系列第 27 篇

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

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

EdwardXiong ‧ 2020-10-11