iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

Vue菜鳥的自我學習days 系列

目前規劃以某些vue的線上課程觀看進度+google相關資料做學習筆記 這樣

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

1.前言

鑒於自己工作上的需要,才開始要接觸VUE,對VUE的印象是和React、Angular合稱三巨頭的前端框架,優點是開發速度快和即時畫面渲染,其他的話....比較...

2020-09-16 ‧ 由 birdman0823 分享
DAY 2

2.工具安裝

想從頭new一個vue網站呢,就要來安裝相應的工具啦:1.安裝node.js,選擇LTS版即可: 2.安裝vscode(覺得通用性較高且有插件可用,不喜歡的同學...

2020-09-17 ‧ 由 birdman0823 分享
DAY 3

3.專案建置

由於node.js有多種版本,所以可能不同的vue專案是基於不同的node.js版本做開發,為了日後方便在不同的opensource或是幫不同專案做維護,我們要...

2020-09-18 ‧ 由 birdman0823 分享
DAY 4

4.生命週期

任何 Vue App 的 Instance 皆是由 new Vue() 開始建立,並可在傳入的 options object 定義 Instance Lifec...

2020-09-19 ‧ 由 birdman0823 分享
DAY 5

5.生命週期2

我們來看 mounted 之後的生命週期,當 mounted 完成後即開始監聽資料變化,若資料有變化開始進行,須注意: beforeUpdate 與 updat...

2020-09-20 ‧ 由 birdman0823 分享
DAY 6

6.Components

我們之前已經建立一個 Vue app instance,事實上,也可以用多個 Vue app instance 來建立功能,透過如樹狀結構般的 componen...

2020-09-21 ‧ 由 birdman0823 分享
DAY 7

7.Components2

component 物件屬性一個 component 物件常用的屬性有:data:作為頁面資料存放的位置,在 components 中必須為一個回傳物件的方法p...

2020-09-22 ‧ 由 birdman0823 分享
DAY 8

8.Data-binding

ViewModel to View在 Vue App 裡,透過使用雙大括號 {{}} (Mustache) 進行資料綁定,當 Vue 在 mount 階段時,即...

2020-09-23 ‧ 由 birdman0823 分享
DAY 9

9.Data Binding2

View to ViewModel當頁面上的內容變更,例如 input 欄位經使用者變更值的情況下,可以利用 View to ViewModel 的語法來變更V...

2020-09-24 ‧ 由 birdman0823 分享
DAY 10

10.DataBinding3

條件渲染 v-if、v-else-if、v-else、v-show使用 v-if,可以依據條件決定是否渲染,達到動態顯示/隱藏內容的目的 <div>...

2020-09-25 ‧ 由 birdman0823 分享