因為每一個 Vue 元件都會有一個對應的 watcher 來查看 Virtual DOM 與 Real DOM 的關聯,建立很多個子元件時也表示會建立很多個 Vue Instance
關於會不會影響到效能或吃掉大量記憶體,目前還不完全清楚
如果像 mixins 一樣,是用 links 的方式重覆利用 Vue instance 那就應該不會有上述的壞影響
- 說法一
- Performance for large numbers of components – Get Help – Vue Forum (vuejs.org)
- 這篇文章說「不會」,Vue 會重複用相同的 components 只在 input / output 有變化時才會 re-rendering
- 說法二
Render-once
確定不會更新UI 的子元件可以加上 v-once,保證只在 mounted 時繪圖一次
Comments