iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

從零開始Vuejs 系列

從零學習Vuejs,透過尋找資料、自主學習以及自身對於該主題的學習後得出的見解,以實現每日一文的撰寫

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

[Day1] 參賽原因

大家好,我是現役大學生,我參加鐵人賽的理由是因為學校必修課程需要(對,就是這麼單純,呵呵......),就當作是自主學習,反正將來自主學習的需求只會多不會少,所...

2022-09-13 ‧ 由 godspeed246 分享
DAY 2

[Day2] 簡單介紹Vue.js

今天是第二天,那我想進行一下Vue.js的簡單介紹 Vue是一種漸進式框架,而漸進式框架代表的意思是你可以自由決定在你的整體應用中的某些部分應用(從一種部分應用...

2022-09-14 ‧ 由 godspeed246 分享
DAY 3

[Day3] Vue.js安裝

今天是第三天,那我想進行一下Vue.js的安裝我這裡使用的是Vue3,可以直接使用就能在沒有本地建構工具的狀態下使用Vue 可以先建一個HTML檔然後在從官方下...

2022-09-15 ‧ 由 godspeed246 分享
DAY 4

[Day4] Vue2與Vue3的差異

今天是第四天,那我想聊一聊Vue2.x與Vue3的差異 我個人想分享的部分是關於在建立Vue instance這兩個版本的不同 Vue2是先new一個insta...

2022-09-16 ‧ 由 godspeed246 分享
DAY 5

[Day5] Vue.js 模板語法:插值

今天是第五天,那我想要分享一下Vue.js 模板語法:插值 Vue.js使用了基於HTML的模板語法,所以可以將實際的資料數據渲染至文件物件模型(DOM) #T...

2022-09-17 ‧ 由 godspeed246 分享
DAY 6

[Day6] Vue.js簡單應用

今天是第六天,那就來寫一下學程式的必經之路Hello World吧 首先是先建立一個.html,接著再按照第三天的步驟引入Vue 這裡是HTML的部分 <...

2022-09-18 ‧ 由 godspeed246 分享
DAY 7

[Day7] v-model 與雙向綁定

今天是第七天,我想分享一下雙向綁定與v-model這個指令 那我們先來聊聊雙向綁定,雙向綁定是當資料產生變動的時候,原始資料也會跟著做變動,然後會渲染到畫面上,...

2022-09-19 ‧ 由 godspeed246 分享
DAY 8

[Day8] v-bind屬性綁定

今天是第八天,我想分享一下v-bind這個指令v-bind指令的功用為將網頁標籤裡面的屬性輸出至執行之後的瀏覽器(網頁)模板,就如同我們之前使用Mustache...

2022-09-20 ‧ 由 godspeed246 分享
DAY 9

[Day9] v-once指令

今天是第九天,我想分享一下v-once這個指令這個指令可以用在只想讓元件被渲染一次,在第二次渲染之後,不會重新渲染 我們拿第六天HelloWorld來進行程式碼...

2022-09-21 ‧ 由 godspeed246 分享
DAY 10

[Day10] v-model 修飾符: number

今天是第十天,我想分享一下v-model這個指令的修飾符number。那number這個修飾符的功用是限定只有數值型別的資料能寫入,以及input預設傳入的型別...

2022-09-22 ‧ 由 godspeed246 分享