iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 1
0
自我挑戰組

使用Vue製作簡單的 WorkBoard (30天)系列 第 1

(第一天)自我學習 - 簡單認識 Vue

  • 分享至 

  • xImage
  •  

為什麼會選擇 Vue

Lucy老師最近剛學習Vue的前端框架,今天要帶利用30天來看看Vue的使用並且跟大家一起做出自己的WorkBoard,像是Trello的工作看板,20天的 Vue 學習,10天實現 WorkBoard。


那為什麼Lucy老師會選擇用Vue來實作呢?

Vue官網

  1. Vue、Angular、React三兄弟

    • 他們三個都有著共同的理念,使用上面也很類似,所以學一個等於學了三個呢!XD。
  2. 拼圖式的思考

    • 在製作網頁的時候會是以一個一個的區塊來分解並寫成一個一個的Component。
  3. 簡單操作

    • 使用Vue的時候可以直接的使用匯入他的CDN就可以直接的操作,操作簡單直覺。
  4. 資源豐富(中文官方文件)

    • 對於這方面我覺得在使用的時候是很好的幫助,一下就可以找到資源了完全不費力,官方的文件裡也有中文的介介紹真的很棒!

簡單的匯入

來試試看簡單的把Vue匯入到專案裡面吧!

打開 HTML 在裡面加上這一段,並可以直接的使用Vue的框架摟!

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>

下一篇
(第二天)自我學習 - Vue 與 index.html
系列文
使用Vue製作簡單的 WorkBoard (30天)24
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言