自學網頁の嬰兒教材：JavaScript（九）—— 不想教你 Vue，只想讓你做酷炫元件

網站前端、後端工程師必備技能，最萬用的程式語言之一，新手必學的入門教材！

自學網頁の嬰兒教材：JavaScript（九）—— 不想教你 Vue，只想讓你做酷炫元件

網站前端、後端工程師必備技能，最萬用的程式語言之一，新手必學的入門教材！

課程內容

👉 JavaScript 系列九：前言

👉 JavaScript 系列九：第1課 ── 學習 Vue 元件基本觀念

👉 JavaScript 系列九：第2課 ── 學習 Vue 的 props 觀念

🔒 JavaScript 系列九：第3課 ── 學習 Vue 的 events 觀念

🔒 JavaScript 系列九：第4課 ── 學習 Vue 的 v-model 觀念

🔒 JavaScript 系列九：第5課 ── 學習 Vue 的 slots 觀念

🔒 JavaScript 系列九：第6課 ── 學習用外部狀態管理 vue 元件

🔒 JavaScript 系列九：第7課 ── 學習開發狀態複雜的 vue 元件

🔒 JavaScript 系列九：結語

站長阿川 · 03月19日

JavaScript 系列九：前言

歡迎來到 Vue 系列的第三份課程在這次的系列課程中，我們要開始學習大名鼎鼎的「元件」觀念了在之前的課程中，雖然我們成功做出了多個好用的應用程式但在實務上，更大型的應用程式，需要將一些部分寫成「可以重複使用」的元件，團隊合作才方便軟體圈有一句名言是這樣說的：「要寫出大...

1個讚 0留言 1,206瀏覽

站長阿川 · 03月19日

JavaScript 系列九：第1課 ── 學習 Vue 元件基本觀念

## 課程目標 - 能夠運行 Vue 元件 ## 課程內容我們一樣讀官網文件就好先來讀元件基本觀念 https://vuejs.org/guide/essentials/component-basics.html 再來讀註冊元件的方法 https://v...

0個讚 12留言 3,220瀏覽

站長阿川 · 03月19日

JavaScript 系列九：第2課 ── 學習 Vue 的 props 觀念

## 課程目標 - 學習 vue 的 props ## 課程內容來學一下怎麼傳參數到元件裡面 - https://vuejs.org/guide/components/props.html 順帶一提，在實務中，我個人是從來不寫 Prop Validation 的 ...

0個讚 12留言 1,442瀏覽

站長阿川 · 03月19日

JavaScript 系列九：第3課 ── 學習 Vue 的 events 觀念

## 課程目標 - 學習 vue 的 events ## 課程內容來學一下怎麼替元件設計事件 - https://vuejs.org/guide/components/events.html ## 課後作業這一課作業，請先看一下 Button 按鈕元件的用法 ...

0個讚 11留言 1,369瀏覽

站長阿川 · 03月19日

JavaScript 系列九：第4課 ── 學習 Vue 的 v-model 觀念

## 課程目標 - 學習 vue 的 v-model ## 課程內容來學一下 v-model 的用法 - https://vuejs.org/guide/components/v-model.html 老話一句，不要把這功能想得太神奇這只是一種 props +...

0個讚 12留言 1,277瀏覽

站長阿川 · 03月19日

JavaScript 系列九：第5課 ── 學習 Vue 的 slots 觀念

## 課程目標 - 學習 vue 的 slots ## 課程內容來學一下 slots 的用法 - https://vuejs.org/guide/components/slots.html ## 課後作業這一課作業，請先看一下 Banner 公告元件的用法 ...

0個讚 12留言 1,363瀏覽

站長阿川 · 03月19日

JavaScript 系列九：第6課 ── 學習用外部狀態管理 vue 元件

## 課程目標 - 學習用外部狀態管理 vue 元件 ## 課程內容前面的課程中，元件的狀態很單純，都是匯入之後直接使用但是有些元件匯入之後，一開始在畫面上是不顯示的比方說視窗類型的元件：這種元件需要額外有一個狀態，來管理它是否顯示 ## 課後作業這...

0個讚 12留言 1,409瀏覽

站長阿川 · 03月19日

JavaScript 系列九：第7課 ── 學習開發狀態複雜的 vue 元件

## 課程目標 - 學習開發狀態複雜的 vue 元件 ## 課程內容前面的課程中，元件的狀態很單純，數量也很少但是有些元件，雖然對外溝通的狀態很少但是在元件內部，其實需要維持額外的多個狀態，才能使用比方說「顏色選擇器」類型的元件：雖然對外就一個代表色碼的字...

0個讚 14留言 1,637瀏覽

站長阿川 · 03月19日

JavaScript 系列九：結語

恭喜你完成了一系列酷炫的元件 Quasar 是業界最頂尖、好用的 UI 元件包之一你在這系列作業中，也順便學習了此元件包的用法，這在實務上非常有幫助你甚至親手製作了其中一些基本的元件，讓你大致了解元件包背後的製作原理像這些最基礎的 UI 元件，因為通用性很高、很常被重複...

2個讚 1留言 1,189瀏覽

站長阿川

每週二 YT 直播問答，DC 可 Call-in，一起討論技術、職涯發展。
YT 👇👇👇
https://www.youtube.com/@codelove_tw
DC 👇👇👇
https://discord.gg/fvCF2whZ9D

自學網頁の嬰兒教材：JavaScript（九）—— 不想教你 Vue，只想讓你做酷炫元件

網站前端、後端工程師必備技能，最萬用的程式語言之一，新手必學的入門教材！

自學網頁の嬰兒教材：JavaScript（九）—— 不想教你 Vue，只想讓你做酷炫元件

網站前端、後端工程師必備技能，最萬用的程式語言之一，新手必學的入門教材！

本課程為付費解鎖教材