iT邦幫忙

2023 iThome 鐵人賽

DAY 26
0
Vue.js

重新瞭解vue3.js + vite框架系列 第 26

Day26-為何要拆解成元件

  • 分享至 

  • xImage
  •  

為什麼要將語法拆解成元件

  • 增加程式碼的可複用性
  • 避免單一檔案過大
  • 易於管理及協作
  • 元件功能獨立化

假設有500行語法,語法裡有重複性內容將近一百行,
可將重複內容變成一個元件來重複執行,
不僅減少語法,增加執行速度,
到時要變動時也可在單一元件來變更。

根元件底下很多元件,元件底下小元件

由上(根元件)而下(子元件),使用props
子元件傳遞資料、呼叫上層,使用Emit Event

https://ithelp.ithome.com.tw/upload/images/20231011/20121669DR4kCGj5pJ.png

.
知識點來源:六角課程

以上是今天所提供知識點如有誤,再請務必在下面留言~


上一篇
Day25-生命週期簡要介紹(2)
下一篇
Day27-元件註冊
系列文
重新瞭解vue3.js + vite框架30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言