iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

我的菜很有Vue味~ 系列

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

鐵人鍊成 | 共 30 篇文章 | 0 人訂閱 訂閱系列文 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(e...

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 分享