iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Data Technology

讓你資料美美的(d3.js+vue.js) 系列

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

我想要資料美美的

前言 為何使用vue 最近在學校做作業的時候,遇到了需要將資料庫的數據放到前端網頁,為了實現這件事情所以接觸了vue,vue是非常好上手的一個工具,它可以很快速...

2017-12-20 ‧ 由 方威 分享
DAY 2

從vue開始

這次要介紹的部分是vue的開頭 首先決定vue要作用的區塊 在el中定義生效的element var vm = new Vue({ el: "#r...

2017-12-21 ‧ 由 方威 分享
DAY 3

Vue的v-if, v-for , v-bind

這次將介紹v-for,v-if,v-bind的用法 這次使用這筆資料來當作練習 fruits=[ { "fruit"...

2017-12-22 ‧ 由 方威 分享
DAY 4

vue的v-on

這次將介紹v-on的用法 v-on 用法是相當單純的,跟一般html5的onclick,onselect...等雖然其實差別不大,不過v-on的功能卻更強大,用...

2017-12-23 ‧ 由 方威 分享
DAY 5

簡單介紹vue中的component

Component 依照官方文件所說,Component是vue.js中最強大的功能,它可以擴展html元素,還可以封裝reusable的程式碼 今天先簡單的介...

2017-12-24 ‧ 由 方威 分享
DAY 6

繼續介紹Vue的component

Component 延續前一天的內容 html #root h1 {{title}} h2 {{subtitle}} viwer js(L...

2017-12-25 ‧ 由 方威 分享
DAY 7

Vue的prop

prop簡介 Component有一個獨立的作用域(isolated scope),使用Component主要是希望程式碼不會互相影響,而當需要讓父層級(par...

2017-12-26 ‧ 由 方威 分享
DAY 8

Vue的prop,v-model

利用prop來即時讀取修改的input 為了達成目的需要搭配使用v-model,v-bind 首先在component的data中定義parentMsg,在pr...

2017-12-27 ‧ 由 方威 分享
DAY 9

Vue小應用:水果顏色字卡

水果顏色字卡 紀錄水果跟顏色 雖然好像沒什麼實用性,不過主要是為了稍微整合前幾天學到的基礎,所以做了這個小應用程式 首先,先在資料中預設一些資料,定義fruit...

2017-12-28 ‧ 由 方威 分享
DAY 10

Vue小遊戲:圈圈叉叉

先把叉叉畫上去 #root h1 {{title}} h3 {{subtitle}} .box .line(v-for="(co...

2017-12-29 ‧ 由 方威 分享