iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

Vue 3 請你幫我做一個網站好嗎 (っಠ‿ಠ)っ 系列

想用 Vue3 做一個網站!

參賽天數 17 天 | 共 19 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day01 - Vue3 環境設置 Vue CLI 幫我準備手術室卡關筆記

這次主要跟著三位大神學習 Vue3 重新認識 Vue.js | Kuro Hsu Vue3.0学习教程与实战案例 竹白記事本 Vue3 學習資源 大神說學過 V...

2021-09-15 ‧ 由 lobsterpp 分享
DAY 2

Day02 - 單一元件檔你好 Single Component File 初見面

今天一樣跟著網路上的大神 重新認識 Vue.js | Kuro Hsu 3-2 Vue SFC 單一元件檔 學習 Vue 打開昨天建立好的 Vue Cli Pr...

2021-09-16 ‧ 由 lobsterpp 分享
DAY 3

Day03 - 一邊動手修改 Vue CLI 建立的專案一邊複習 Vue 指令與資料夾結構

今天重開一了個新的 Vue CLI 專案 因為這次想要練習將 component 引入主 App.vue 檔中,所以在新開的專案中,找到 src 資料夾(今天...

2021-09-17 ‧ 由 lobsterpp 分享
DAY 4

Day04 - 學習 Vue CLI package.json 設定檔

今天回到大神的教學 重新認識 Vue.js | Kuro Hsu 3-3 Vue CLI 環境設定與打包部署 透過 vue CLI 建立好的專案資料夾自帶了 p...

2021-09-18 ‧ 由 lobsterpp 分享
DAY 5

Day05 - 今天只調了 VS Code 讓 tab 為 2格 space

因為開啟 Vue CLI 時有套用 ESLint,而他似乎希望我縮排為 2 space 所以將 VS Code 調整為每一個 tab 等同 2 space 比較...

2021-09-19 ‧ 由 lobsterpp 分享
DAY 6

Day06 - 把 node_modules 載回來

挖出以前的 Vue CLI 專案,但當時雪藏該專案時,想說為了減少容量變把 node_modules 資料夾先砍掉,今天要讓失去的 node_modules 重...

2021-09-20 ‧ 由 lobsterpp 分享
DAY 7

Day07 - 登入的過程

今天重看了之前買的六角課程,複習登入與登出 登入時前端會向伺服器發送請求,請求索取網站的 Token 請求符合資格的話伺服器便會回傳 Token 給前端 前端...

2021-09-21 ‧ 由 lobsterpp 分享
DAY 8

Day08 - 用 axios 做登入功能

在專案中透過 npm install --save axios 載入 axios 新增一個 SFC, 也就是一個 .vue 檔 template <t...

2021-09-22 ‧ 由 lobsterpp 分享
DAY 9

Day09 - 物件要解構成 primitive 再傳入 props ,小心 by reference 動到不該動的兄弟

今天念 重新認識 Vue.js | Kuro Hsu 2-2 元件之間的溝通傳遞 在 HTML 裡的 root instance (即綁定 root insta...

2021-09-23 ‧ 由 lobsterpp 分享
DAY 10

Day10 - 子元件透過 emit event 觸發父元件事件

重新認識 Vue.js | Kuro Hsu 2-2 元件之間的溝通傳遞 元件與自訂事件 parent component 的 template 裡 // 老爹...

2021-09-24 ‧ 由 lobsterpp 分享