iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

網頁前端框架 Vue 3 從頭開始(重新挑戰) 系列

訂立主題的時候,Vue 3已經進入RC(Release Candidate)階段,雖然說可能與正式版本會有一些差異,但已經是非常接近釋出的版本了,本系列文章不是以從Vue 2升級到Vue 3的角度撰寫,而是從一個初心者的角度,直接開始學習Vue 3,由淺入深來分析使用Vue 3的方法。

PS:因為前面鐵人賽不小心發文中斷,趁還有時間再來重新挑戰一次!

鐵人鍊成 | 共 30 篇文章 | 38 人訂閱 訂閱系列文 RSS系列文
DAY 21

vue3 Composition API 學習手冊-21 透過 vue cli 來建立專案

建立專案 方法一. 透過終端機建立專案 上一篇文章我們已經介紹完如何安裝vue cli,接下來就要透過他來建立專案,進而體驗使用vue cli的優點,接下來我...

2020-10-03 ‧ 由 史坦利 分享
DAY 22

vue3 Composition API 學習手冊-22 vue cli 起手式

我們已經在上一篇文章透過vue建立好了專案,也利用VS Code將專案資料夾準備妥當,接下來一樣由淺入深的來介紹一下網頁的開發,回憶一下上次有介紹的專案資料夾結...

2020-10-04 ‧ 由 史坦利 分享
DAY 23

vue3 Composition API 學習手冊-23 安裝scss編譯器

當我們透過vue-cli來建置專案後,因為預設也會幫我們安裝好webpack打包工具,所以我們可以開始使用scss來撰寫我們的樣式檔,這會讓管理上變得比較方便,...

2020-10-05 ‧ 由 史坦利 分享
DAY 24

vue3 Composition API 學習手冊-24 單文件元件設計

之前在「vue.js 3.x 學習手冊 (19) 組件的綜合練習」文章中有提到,如果需要跨文件取用元件的話,需先了解webpack和vue-cli的使用,而前幾...

2020-10-06 ‧ 由 史坦利 分享
DAY 25

vue3 Composition API 學習手冊-25 vue-router 4.x 基礎介紹

在傳統網頁開發中,我們常常會繪製一個類似下方的網頁架構圖,有些接案的朋友還會依照頁面數量跟業主來收取費用,因為過去的網頁開發,通常是一頁一頁製作的,許多重複性的...

2020-10-07 ‧ 由 史坦利 分享
DAY 26

vue3 Composition API 學習手冊-26 Dynamic Route

延續上一篇文章,今天來介紹動態路由,在瀏覽網頁的時候如果大家有注意,許多網頁在瀏覽上都會經由網址上傳遞參數後來決定頁面內顯示的內容,例如: 雖然頁面中顯示的...

2020-10-08 ‧ 由 史坦利 分享
DAY 27

vue3 Composition API 學習手冊-27 以前叫mixin的東西

前幾篇文章已經介紹過vue的元件化設計的特色,不僅僅是頁面中的小元件,我們甚至可以將整個頁面都做成一個元件,今天來分享的是除了元件能共用之外,連函數也可以共用,...

2020-10-09 ‧ 由 史坦利 分享
DAY 28

vue3 Composition API 學習手冊-28 打包與回顧

vue3 Composition API的文章寫到這邊,歷經了: 基礎介紹篇(v-for、v-on、v-bind...等等) 安裝vue-cli與基礎介紹 認...

2020-10-10 ‧ 由 史坦利 分享
DAY 29

vue3 Composition API 學習手冊-29 動態路由與元件應用

使用vue-cli之後,我們順利的編寫了共用函數、共用元件也透過了vue-route做出了動態路由,這篇文章想來個綜合演練,將動態路由配合上共用元件製作出一個範...

2020-10-11 ‧ 由 史坦利 分享
DAY 30

vue3 Composition API 學習手冊-30 實戰API練習

前面文章提到許多前、後端分離的開發方式,也模擬過很多次資料來自於外部(json)的開發,今天跟大家介紹一個網站,能讓我們真正模擬網頁資料來自於後端工程師所提供A...

2020-10-12 ‧ 由 史坦利 分享