iT邦幫忙

2021 iThome 鐵人賽

DAY 2
0
自我挑戰組

新手遇上Vue.js系列 第 2

Day2 讓我們開始吧

  • 分享至 

  • xImage
  •  

工欲善其事,必先利其器,好的開始是成功的一半~
今天來把要使用的環境建立好

這次我選用的是線上編輯器codepen來操作
https://codepen.io/your-work
https://ithelp.ithome.com.tw/upload/images/20210916/201400761weZjJ95yJ.png
點選左邊的PEN,這樣就完成專案的建置啦
https://ithelp.ithome.com.tw/upload/images/20210916/20140076lXH0y3tF6t.png

HELLO WORLD
第一步→在html中直接宣告模板,這邊是用vue2的版本
https://ithelp.ithome.com.tw/upload/images/20210916/20140076BgVx6QiDsA.png

第二步→
1.第一個屬性el(元素)宣告綁住上方的app
2.data裡面的信息回傳至html的app裡面
Vue以數據來用其中的內容,當裡面的data改變,裡面的內容也會跟著改變
https://ithelp.ithome.com.tw/upload/images/20210916/201400765ryXWcyVT6.png

這樣子就完成了
https://ithelp.ithome.com.tw/upload/images/20210916/20140076aWxfjx5hpa.png

今天就到這裡,明天開始來學習簡單的判別式

參考資料:
https://www.youtube.com/watch?v=8O3teHziU_E


上一篇
Day1 前言
下一篇
Day3 條件判斷
系列文
新手遇上Vue.js30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言