iT邦幫忙

鐵人檔案

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

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

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

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

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

vue3 Composition API 學習手冊-11 監聽器

上一篇文章中介紹到了Vue.js裡面的計算屬性(Computed),也比較了Computed與Methods之間的差異,今天再來介紹一個跟他們也有幾許類似的監聽...

2020-09-23 ‧ 由 史坦利 分享
DAY 12

vue3 Composition API 學習手冊-12 實作 多層次動態選單

在經歷了前幾篇文章的分享後,這篇文章想要整合一下前面所提到的進度,來製作一個整合性的範例,幫助大家停下腳步想想,除了每個項目分別的作用之外,有沒有什麼事可以透過...

2020-09-24 ‧ 由 史坦利 分享
DAY 13

vue3 Composition API 學習手冊-13 生命週期

前一篇文章,介紹到我們如何用已經學習到的進度製作一個連動的選單,其實大家應該不難發現在Javascript的程式中,實際上邏輯運算相關的程式碼並不多,反而是描述...

2020-09-25 ‧ 由 史坦利 分享
DAY 14

vue3 Composition API 學習手冊-14 透過axios載入外部json

在前面“多層次動態選單”的文章中,我們把選單資料放在Javascript中進行描述,可以發現整支Javascript中邏輯運算的部分極少,大多都是描述頁面資料的...

2020-09-26 ‧ 由 史坦利 分享
DAY 15

vue3 Composition API 學習手冊-15 安裝Chrome擴充功能

在繼續未來的課程前,先跟大家介紹一個我們常用的Chrome Extension:「Vue.js devtools 」(免費的喔!),我們可以在瀏覽器透過他來監控...

2020-09-27 ‧ 由 史坦利 分享
DAY 16

vue3 Composition API 學習手冊-16 組件設計入門

如同「vue.js 學習手冊 框架的選擇與導入」這篇文章中提到的,我們使用框架能更方便地進行前後端分離式的開發;享受Virturl DOM提升頁面效能外;另外還...

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

vue3 Composition API 學習手冊-17 組件的資料和函數

呈上一篇組件設計的文章,今天來介紹組件資料和方法的應用,在使用組件的時候,各個子層可以有獨立的data與methods不會互相干擾,不過需要注意使用的方式: &...

2020-09-29 ‧ 由 史坦利 分享
DAY 18

vue3 Composition API 學習手冊-18 組件emit的用法

上一篇文章我們提到Components可以接收父層傳遞過來的參數進行處理,這次我們首先就來看看子層通知父層的方法。 利用上一篇文章的最後一個範例來進行說明,當時...

2020-09-30 ‧ 由 史坦利 分享
DAY 19

vue3 Composition API 學習手冊-19 組件的綜合練習

Vue3 Composition API的文章寫到了Component的階段,想要來整理一下前面的進度,來製作一個綜合的案例,這個案例的規劃如下: 製作一個F...

2020-10-01 ‧ 由 史坦利 分享
DAY 20

vue3 Composition API 學習手冊-20 vue cli 環境架設

像前面文章中提到vue是一套漸進式的框架,他適合在各種不同的需求中使用,無論你是只想用它來綁定一些表單資料或是使用他Virtual DOM特性,甚至更深入的使用...

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