iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

別再說我不會框架,網頁 Vue 起來! 系列

書本一本本的陳列在書架上,細數看完的沒幾本;今年跟隨著鐵人賽的步伐,一步一步把 Vue.js 學起來!
這次主要會閱讀 Kuro 的 "重新認識 Vue.js"和官方文件從 0 開始起步 Vue.js。

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

緣起

前言 沒錯,今年再度在最後一天急急忙忙趕稿。在這個好像不會任何一個框架,就無法存活的前端圈裡決定來好好記錄怎麼從頭開始學 Vue.js 學習資源 接下來 30天...

2021-09-16 ‧ 由 shan33 分享
DAY 2

Hello, Vue

安裝 Vue.js 可以各種不同方式整合進專案中,可以像Library一樣,隨裝隨用 主要有四種安裝方式: 1. CDN 頁面中加入script ex: &lt...

2021-09-17 ‧ 由 shan33 分享
DAY 3

資料呈現與運算處理

前言 前端需負責畫面上呈現的所有東西,可能是顯示靜態資料或是需要將原始資料經過繁複的運算得到結果,不可能不用到如此重要的Data 以及 Methods。 此篇...

2021-09-18 ‧ 由 shan33 分享
DAY 4

模板中的 Directive 指令 (上)

前言 在之前,在範例中會使用雙括號 {{}},做最最最最最最基本的資料綁定。ex: <span>Message: {{ msg }}</spa...

2021-09-19 ‧ 由 shan33 分享
DAY 5

模板中的 Directive 指令 (下)

指令 Directive 表單綁定 使用 v-model 建立表單的雙向資料綁定,ex: input、textarea、select元素。對於不同的 input...

2021-09-20 ‧ 由 shan33 分享
DAY 6

元件基本使用

Vue.js 的網頁是由元件組合而成,利用 HTML 元素重複使用元件。 圖取自What are Vue Components? 元件 ? Compo...

2021-09-21 ‧ 由 shan33 分享
DAY 7

[Part 1 ] Vue.js 的精隨-元件

前言 接下來多篇的元件介紹會以官方文件 Components In-Depth 章節為主:未知part數的概念 包含: 元件命名 Props 使用 自訂事...

2021-09-22 ‧ 由 shan33 分享
DAY 8

[Part 2 ] Vue.js 的精隨-元件 Props

前言 回過頭看,props 太太太重要了,決定為它獨立一篇 Props 透過它我們才能從父元件傳遞資料到子元件,子元件是無法透過 props 傳遞資料給父元件的...

2021-09-23 ‧ 由 shan33 分享
DAY 9

[Part 3 ] Vue.js 的精隨-元件 provide/inject

利用 provide & inject 機制,父元件當作所有其子元件的 provider,無論所屬的子元件有多深! 父元件利用 provide opt...

2021-09-24 ‧ 由 shan33 分享
DAY 10

[番外] 來個 Weather App (序)

前言 遙想(?) N 年前看著官方文件認識 Angular 時,充滿回憶的 Heros 範例! 認識完語法要有實際的應用,才會把記憶串起來~,決定假日兩天來點小...

2021-09-25 ‧ 由 shan33 分享