iT邦幫忙

2021 iThome 鐵人賽

DAY 30
0
自我挑戰組

Vue.js系列 第 30

心得

  • 分享至 

  • xImage
  •  

今天是鐵人賽的最後一天啦!回想起剛開賽時,抱持著怎麼樣都不要去碰到vue-cli的心態,但是到了鐵人賽的一半後,忽然又希望給自己一點挑戰,所以才裝了vue-cli,然後逼迫自己嘗試用他去完成一個專案,這就是為什麼在vue-router和Vuex實作的時候忽然變成使用vue-cli的原因

在coding vue-cli的過程中很能體會作者為什麼不建議新手使用,因為vue.js和vue-cli真的有很大的落差,從一個只有html檔,連template都沒有另外寫的單檔變成了多個檔案。你可能會想用單檔可以完成為什麼要分成那麼多個檔呢?使用多檔到底有怎麼好處呢?在前面用vue.js製作時只要使用一個component就要寫一個template,而且使用一個component就要把一個component的CSS放到最上面,你可能會覺得這樣好像沒有什麼,但是如果一個畫面有很多個component的話,最上面光是只有component的CSS就會很驚人的多!!所以這時候如果是使用vue-cli他可以把一個component分成index.vue, style.css, template.html這些檔,這樣在看code的時候相較於全部寫在一起來得清楚很多


上一篇
Vue-cli專案介紹
系列文
Vue.js30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
jafarwu
iT邦新手 4 級 ‧ 2021-10-10 01:40:36

/images/emoticon/emoticon31.gif安可安可!!!
給我唱到被罰錢啊!!

我要留言

立即登入留言