iT邦幫忙

鐵人檔案

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

學習 vue 30天 系列

一步一步的認識 vue 架構、開發流程、學習 vue 的相關知識,及未來展望。

鐵人鍊成 | 共 30 篇文章 | 52 人訂閱 訂閱系列文 RSS系列文 團隊火箭隊
DAY 1

Vue 01天 前言

這是我第一次參加鐵人賽,難免會有點緊張,第一天還是先來點輕鬆的自我介紹及學習規劃吧!!! 自我簡介 我大學是讀資訊本科的學生,但我高中是社會組,誤打誤撞進到了資...

2019-09-02 ‧ 由 sunbu 分享
DAY 2

Vue 02天 介紹及其他框架比較

我在挑選學習框架的時候,其實是想學 React 的,但是看了很多人說 React 的學習成本較高,所以想說框架還是先從 Vue 開始比較好! 那在那麼在框架大戰...

2019-09-03 ‧ 由 sunbu 分享
DAY 3

Vue 03 工欲善其事,必先利其器

在撰寫 Vue 之前先講講會用到的工具吧!!! 編輯器 Vs code vscode 插件 Preview on Web Server vue Vue 2 S...

2019-09-04 ‧ 由 sunbu 分享
DAY 4

Vue 04 應用程式建立

應用程式建立 選擇 instant.html 並往下到註解練習開始。 我們一開始會使用一個 div 並把程式的資料顯示 div 中。 //顯示在 div 中 &...

2019-09-05 ‧ 由 sunbu 分享
DAY 5

Vue 05 雙向綁定的資料

這裡我們先了大概了解 MVVM 這個東東是什麼概念,明天會詳細的做學習。 我們看到 vue 文件裡有提到 vue 其實不完全是 MVVM 的架構,它只是受到 M...

2019-09-06 ‧ 由 sunbu 分享
DAY 6

Vue 06 MVVM 的概念

在說 MVVM 之前先介紹一下 MVC,MVC 本身也是一個經典的 web 開發架構,現在很多的開發架構就是用 MVC ,MVC 包含了前後端。 這邊 MVC...

2019-09-07 ‧ 由 sunbu 分享
DAY 7

Vue 07 v-bind 動態屬性指令

v-bind 是拿來更新 HTML 上面的屬性來使用,直接看範例: <div id="app"> <a href=&...

2019-09-08 ‧ 由 sunbu 分享
DAY 8

Vue 08 v-for 動態產生多筆資料到畫面上及 v-if 判斷使用

我們在寫 vue 應用程式的時候它 data 這個屬性裡面是可以放 Json、陣列、物件等等的資料結構,通常這些資料結構都會很常用到 for loop 或 if...

2019-09-09 ‧ 由 sunbu 分享
DAY 9

Vue 09 使用 v-on 來操作頁面行為

前面幾天都是在做 data 內容渲染到畫面,今天來學習如何互動。 要互動的話就是用 vue 提供的 v-on 我們來看一下官房文件寫了他的用法是什麼: 由此可...

2019-09-10 ‧ 由 sunbu 分享
DAY 10

Vue 10 透過修飾符,讓 v-on 操作更簡單及動態更改 className

我們在寫 JS 的時候,有些語法是很常被用到的,例如:preventDefault 、event capture、event bubbling 等等.........

2019-09-11 ‧ 由 sunbu 分享