iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

Vue.js 30天隨身包 系列

Vue.js是一個open source的js framework,因為以前對這個框架不是很熟悉,想藉由這30天好好整理一下這個框架的整體概念,而不是片段的學習了哈哈哈。

鐵人鍊成 | 共 30 篇文章 | 117 人訂閱 訂閱系列文 RSS系列文 團隊30天熱度
DAY 21

Day21 - [Vuex實作-購物車(1)] Vuex環境安裝與建立新專案

前一篇我們提到Vuex是將所有元件的**「狀態」全部集中儲存管理,那麼這個「狀態」**指的到底是什麼呢? 這個「狀態」會區分成對元件的**「元件局部狀態」(Co...

2018-01-09 ‧ 由 Syuanhahaha 分享
DAY 22

Day22 - [Vuex實作-購物車(2)] 商品頁面

我們將購物車分兩個主要頁面來寫:商品頁面與購物車頁面,這天我們先寫商品頁面。 前置作業:Vuex安裝、引入專案與新增Vuex需要的檔案 Vuex安裝 記得路...

2018-01-10 ‧ 由 Syuanhahaha 分享
DAY 23

Day23 - [Vuex實作-購物車(3)] 購物車頁面

今天我們將繼續寫購物車Vuex專案的第二個頁面:購物車頁面。 購物車頁面 1. 刻出UI介面:修改src/components/pages/shoppingC...

2018-01-11 ‧ 由 Syuanhahaha 分享
DAY 24

Day24 - [Vue + Laravel] 認識Laravel與環境建置

在現代網站大量開發的時代下,Framework(網頁開發框架)的勢力愈來愈強,為什麼有使用Framework的架站技術會如此受歡迎呢?主要原因是因為Framew...

2018-01-12 ‧ 由 Syuanhahaha 分享
DAY 25

Day25 - [Vue + Laravel] 熟悉Laravel專案目錄架構

上一篇我們已經將Laravel專案建立出來了,因為我習慣在建立一個framework專案後,會先認識一下其專案的架構,以便之後開發上較能了解哪個目錄是放入什麼檔...

2018-01-13 ‧ 由 Syuanhahaha 分享
DAY 26

Day26 - [Vue + Laravel] Laravel Artisan & 編譯與顯示Vue元件

這篇我們要開始將自己建立Vue的樣板並放入Laravel的專案當中,讓它去編譯樣板並顯示出來。 Laravel Artisan 首先我們先認識Laravel的專...

2018-01-14 ‧ 由 Syuanhahaha 分享
DAY 27

Day27 - [實作App-CRUD Project(1)] 網站規劃與建立專案

鐵人賽參賽到這邊,該是將這三個禮拜學到的概念好好發揮練功一下了,所以從今天開始到第30天最後一天,我會製作一個含有CRUD(Create, Read, Upda...

2018-01-15 ‧ 由 Syuanhahaha 分享
DAY 28

Day28 - [實作App-CRUD Project(2)] 加入navbar共用元件

今日預定目標 加入網站共用的navbar 加入網站共用的navbar 先安裝vue-router與webpack套件,使用vue-router來管理路由...

2018-01-16 ‧ 由 Syuanhahaha 分享
DAY 29

Day29 - [實作App-CRUD Project(3)] 讓我們跟bug一起和平共處吧!

今天找方法解昨天的bug,但目前狀態還是無法解決中。 回顧一下昨天的bug 昨天的bug是這樣的,我昨天的目標本來是要寫每個頁面的共用元件(navbar),所以...

2018-01-17 ‧ 由 Syuanhahaha 分享
DAY 30

Day30 - [最終章] 回顧這一個月來的Vue.js

很快地今天是鐵人賽的第30天,還記得一個月前,我對於Vue.js完全就是一張白紙的狀態,什麼都不太了解的狀態下,鼓起勇氣跟著30天熱度的夥伴一起參加這個比賽,雖...

2018-01-18 ‧ 由 Syuanhahaha 分享