第十屆

web
菜菜菜的 Vue 30天
Andy Tsai

系列文章

DAY 1

前言

菜菜菜的 Vue 30天 - Day1 前言 Hello 大家好我是 Andy Tsai。 繼去年第一次參加鐵人賽後過了一年,去年還是一個很菜很菜的一個前端(今...

DAY 2

Vue.js 介紹

菜菜菜的 Vue 30天 - Day2 Evan You and Vue.js 這次的主題 Vue.js (發音同 View)是由一名中國的大大 Evan Y...

DAY 3

Getting Start

菜菜菜的 Vue 30天 - Day3 Getting Start 要學一個語言、框架,就先使用他寫一個 Hello World 吧!! 一開始學習我們先使用最...

DAY 4

Data & 模板語法

菜菜菜的 Vue 30天 - Day4 在前一章有介紹了如何去撰寫 Hello Wolrd,裡面有使用了 Data 及模板語法,在這章就來介紹一下這 2 個東西...

DAY 5

v-bind 綁定語法

菜菜菜的 Vue 30天 - Day5 好的前一章講完了 data 方法及 {{}} 語法能夠讓 data 在 html 上渲染出來。 接下就來講講綁定語法,那...

DAY 6

v-model

菜菜菜的 Vue 30天 - Day6 v-model 繼上一章介紹了單向綁定,這章就來介紹一下雙向綁定。 單向綁定是能夠將 data 綁定到 html tag...

DAY 7

event handler

菜菜菜的 Vue 30天 - Day7 event 我們在前一章的最後面有提到了 v-on ,那這個是什麼呢?! 其實它就 Vue 的事件(event)處理,就...

DAY 8

methods

菜菜菜的 Vue 30天 - Day8 methods 繼上一章提到了 methods 的這個方法,我們會在裡面宣告 function 來做使用,functio...

DAY 9

computed

菜菜菜的 Vue 30天 - Day9 computed 好的,這篇文章所要介紹的是 computed,它是計算屬性,顧名思義就是一個被計算之後的屬性。 一樣直...

DAY 10

BMI 產生器

菜菜菜的 Vue 30天 - Day10 經過前面幾天介紹了 Vue 部分的方法,這章就利用前面所學的來做一個簡單的實作吧~ BMI 產生器 我想大家應該都了解...