iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

30 天我與 Vue 的那些二三事 系列

透過三十天學習Vue的用法,並實作一個小型專案。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文 團隊Outcome First 2.0
DAY 11

Day 11 - 自訂事件

昨天我們介紹了props的用法,要注意的是,props是單向數據流,所以只能從上傳到下,要由下傳到上的話要使用$emit自訂事件。 <template&g...

2021-09-26 ‧ 由 GrantLi 分享
DAY 12

Day 12 - 動態組件(Dynamic Components)

動態元件(Dynamic-Components)是指Vue可以根據傳入參數的,來去切換不同的元件。 如下範例,根據點擊「home」、「posts」或「archi...

2021-09-27 ‧ 由 GrantLi 分享
DAY 13

Day 13 - 非同步元件

在大型專案中,我們會需要注入大量的元件,每次都要把所有的元件載入有時相對耗效能,這時候就可以使用非同步組件在需要時再載入需要的元件。 定義非同步元件 如果是非同...

2021-09-28 ‧ 由 GrantLi 分享
DAY 14

Day 14 - 尋訪其他組件

在開發Vue時,官方建議使用屬性及事件對其他元件做處理,不過凡事總有例外的嘛~還是會有一些情境中會需要直接使用其他組件的各種功能, 不用擔心,Vue也提供了這些...

2021-09-29 ‧ 由 GrantLi 分享
DAY 15

Day 15 -版本控制與git flow

前十四天我們快速看過了Vue的語法以及一些基本概念,今天我們要跳一下來看何謂版本控制與git flow。 我們在開發專案時,常常會需要與別人共同合作,這時候,版...

2021-09-30 ‧ 由 GrantLi 分享
DAY 16

Day 16 - 透過Vuex來管理狀態

Vuex 是 Vue中用來管理狀態的函式庫,像是使用者的登入狀態,就可以把它存入Vuex中。 https://codepen.io/adjwcmzg/pen/K...

2021-10-01 ‧ 由 GrantLi 分享
DAY 17

Day 17 - 專案實戰-記帳系統

前17天中,我們快速的Review了Vue的用法,緊接著開始我們的專案實戰囉! 這次要來實作的專案是記帳系統,當我們在寫專案時,最好先規畫相關的功能,並繪製一下...

2021-10-02 ‧ 由 GrantLi 分享
DAY 18

Day 18 - MSSQL 基本 & 工具介紹

在提到MSSQL前,我們要先有對資料庫的一些基本概念。 何謂資料庫? 資料庫就是儲存資料的地方。但比較正式的定義為:資料庫是由一群相關資料的集合體。就像是一本電...

2021-10-03 ‧ 由 GrantLi 分享
DAY 19

Day 19 - 在SQL server 建立Table以及設計資料表

昨天我們講到如何在SQL server建立DB,但像是Table、Column之類的該如何建置呢,很簡單,透過SSMS,透可以輕鬆幫你建立。 還記得我們昨天的...

2021-10-04 ‧ 由 GrantLi 分享
DAY 20

Day 20 - 規劃各功能模組的介面

緊接著今天我們要來規劃各個功能模組的介面了! 首先是登入後的首頁,會陳列使用者上傳記帳資訊,包含圖片(option)、日期、金額、分類等等,若資訊量太多,則可以...

2021-10-05 ‧ 由 GrantLi 分享