iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Vue.js

Vue 3 之我不會寫Code,我寫的都是Bug 系列

如果你覺得你看不懂官方文檔到底在工X小,那你可能需要去看英文版的(疑?!)
不對不對,那就來看我這一系列的文章吧!
從最入門的語法到跟後端做結合,在這一系列的文章你會學到:
1.Vue3的基礎概念和語法
2.Vue進階原理
3.Vue結合Vuetify,搭建一個靜態的個人網站在 github.io 上
4.Vue和Laravel做結合
GitHub: https://github.com/LiangJin0228/learnVueWithLiangJin
ps:本系列文章涉及知識範圍較廣且可能會比較有難度,需先掌握前端基本技術(HTML、CSS、JS)才來學

鐵人鍊成 | 共 31 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文
DAY 1

Vue 起手式——入門篇

引言 關於Vue Vue (發音為 /vjuː/,類似 view) 是一款用於構建用戶界面的 JavaScript 框架。它基於標準 HTML、CSS 和 J...

2023-09-06 ‧ 由 dogcom0228 分享
DAY 2

3種方法快速建立 Vue/Vuetify 專案,手把手帶你進入Vue的世界

目前建立Vue專案的幾種主流方式 方法1. 新建Vuetify(Vue3)專案(本系列采用方式) 如果是一開始就知道自己會使用Vuetify作爲UI框架,那麽最...

2023-09-07 ‧ 由 dogcom0228 分享
DAY 3

[Day3]Vue 3 / Vuetify 的專案目錄結構(上)

今天是第三天,我想在正式進入“寫程式”這個步驟之前呢,先跟大家介紹當我們新建一個Vue3專案(我們示範是直接用Vuetify)的時候,它一開始的目錄結構的樣子。...

2023-09-08 ‧ 由 dogcom0228 分享
DAY 4

[Day4]Vue 3 / Vuetify 的專案目錄結構(下)以及整個Vue的完整架構流程

繼上一篇 (子層)src/ App.vue & main.js 這兩個今天就擺在一起講。 main.js是Vue.js應用程序的入口文件,它執行以下關鍵...

2023-09-09 ‧ 由 dogcom0228 分享
DAY 5

[Day 5] Vue 3 / Vuetify 的專案目錄結構(下)以及整個Vue的完整架構流程

在介紹完專案目錄的架構之後,我們現在開始正式進入'寫程式'這件事。首先在昨天我們已經有看過這張圖了:這時候我們就進入到了用Vue-Router來進入路由的循環了...

2023-09-10 ‧ 由 dogcom0228 分享
DAY 6

[Day 6] Vue 3 你不可不知道的基本觀念

説個題外話,今天早上才發現,day4和day5標題不小心寫成一樣了……不過沒關係,我們知道内容不一樣就好……好了,扯回我們的主題。 1.SFC? Single-...

2023-09-11 ‧ 由 dogcom0228 分享
DAY 7

[Day 7] Vue 3 生命周期與基礎語法

生命周期Lifecycle Hooks 生命周期是在Vue.js和其他一些前端框架中非常重要的概念之一,它涉及到Vue組件的創建、更新和銷毀過程。當你理解Vue...

2023-09-12 ‧ 由 dogcom0228 分享
DAY 8

[Day 8] Vue 3 語法復習、MVVM架構以及寫法

復習 首先,在開始學新東西前,讓我們先來復習之前學過的内容。可以參考我的Github repository(雖然現在只寫到lesson2,那是之後準備拍教學影片...

2023-09-13 ‧ 由 dogcom0228 分享
DAY 9

[Day 9] Vue 3 Model => {data, computed}

在Vue3裏面,當我們使用option api的寫作風格來開發的時候,我們會有幾個主要常用的option(選項),包括{data(),computed,meth...

2023-09-14 ‧ 由 dogcom0228 分享
DAY 10

[Day 10] Vue 3 Model => {method, watch}

methods(方法) 在Vue 3中,methods是一個包含了各種自定義方法的對象,你可以在Vue組件中定義這些方法。這些方法可以執行各種不同的操作,例如處...

2023-09-15 ‧ 由 dogcom0228 分享