iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

我的菜很有Vue味~ 系列

從完全沒接觸過框架的我,以Vue為第一個框架去學習,希望可以透過簡單的介紹讓大家可以快速的學習vue.js

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文 團隊imac_跳過這篇
DAY 1

Day1 甚麼是框架?

在我們進入vue的世界前我們先來了解框架事甚麼東西吧! 框架(Software Framework) 框架是以應用(application)為目的,結合了多數常...

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

Day2 甚麼是Vue?

昨天我們簡單的介紹框架。那今天我們就來說說vue.js到底是甚麼吧 Vue.js是一個用於建立使用者介面的開源JavaScript框架,也是一個建立單頁應用的...

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

Day3 開發環境

這次我使用的開發環境是Visual Studio Code(VS Code)網頁連結 一進到網頁我們就可以看到這個畫面 然後我們可以在右上角看到Downloa...

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

Day4 安裝Vue

Vue的安裝方式有很多種像我這次是使用CND的方式來使用Vue 首先呢我們可以先到Vue的網站可以透過上面的連結到要下載的網站到網站後就可以看到下面的畫面 然...

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

Day5 開始Vue前要具備的基礎

在開始前我們先來介紹一些看似基礎但卻很重要的工具吧。 var、let和const var、let、const在JavaScript都是用來宣告的域法,它們在不同...

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

Day6 Vue實體的生命週期

這是在Vue官網提供的式意圖: 紅框白底的是各個鉤子函式的名稱,這些鉤子代表 Vue 實體的每個階段,分別的介紹如下: beforeCreate : 實例初始...

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

Day7 Vue的起手式

現在我們先來看看例子吧! Vue 的實體是透過 new 這個關鍵字來建立的。 再來我們會在body中第一個div標籤中給一個id,並且在實體中寫入一個el(el...

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

Day8 Vue Computed vs Method

我們在模板中要進行計算或轉換資料時computed及method通常能做到一樣的效果,這麼說的話那不就從其中選一個用不就得了,可是vue做出他們都一定有他們都用...

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

Day9 Vue Watch & Computed

昨天我們已經看到了computed和method了今天的話已是一個非常好用的屬性Watch,那它能幹什麼呢? Watch是什麼? Watch可以說是讓我們監視某...

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

Day10 Vue模板語法 & V-text、V-html、V-once介紹

什麼是模板語法? 模板語法是邏輯與頁面之間溝通的媒介,Vue.js 使用了基於HTML 的模板語法,允許開發者聲明式(declaratively)地將DOM 綁...

2021-09-24 ‧ 由 KBN 分享