Vue 組件使用
- porps和$emit
- 組件間通訊 - 自定義事件
- 組件生命周期
Vue高級(jí)特性
- 自定義v-model
- $nextTick
- Vue是異步渲染
- data改變之后，DOM不會(huì)立刻渲染
- $nextTick會(huì)在DOM渲染之后被觸發(fā)狸棍，以獲取最新DOM節(jié)點(diǎn)
- slot
- 基本使用
- 作用域插槽
- 具名插槽
- 動(dòng)態(tài)身害、異步組件
- :is="component-name"用法
- 需要根據(jù)數(shù)據(jù)，動(dòng)態(tài)渲染的場(chǎng)景草戈。即組件類型不確定
- import()函數(shù)
- 按需加載塌鸯，異步加載大組件
- keep-alive
- 緩存組件
- 頻繁切換，不需要重復(fù)渲染
- Vue常見(jiàn)性能優(yōu)化
- mixin
- 多個(gè)組件有相同的邏輯唐片，抽離出來(lái)
- mixin并不是完美的解決方案丙猬，會(huì)有一些問(wèn)題
- Vue3提出的Composition API旨在解決這些問(wèn)題
- mixin的問(wèn)題
- 變量來(lái)源不明確丢习，不利于閱讀
- 多mixin可能會(huì)造成命名沖突
- mixin和組件可能會(huì)出現(xiàn)多對(duì)多的關(guān)系，復(fù)雜度較高
