前端面试总结15-vue高级特性

1.自定义v-model:

 

 

 

 2.$nextTick与refs

Vue是异步渲染，data改变后Dom不会立即渲染，$nextTick会在DOM渲染之后被触发，以获取最新的DOM节点

refs用于获取dom节点

 

 

 

 3.slot

1)作用域插槽

 

 

 

2）具名插槽

 

 4.动态组件

<component :is="component-name"></component>

根据需要数据动态渲染场景，即组件类型不确定

 

 

 

 5.异步组件

import()函数，按需加载，异步加载大组件

 

 6.缓存组件<keep-alive>

1）vue常见性能优化方式

2）频繁切换，不需要重复渲染

3）vue常见性能优化

 

 7.mixin

1）多个组件有相同的逻辑，抽离出来

2）mixin不是完美解决方案，会有一些问题

3）Vue3提出的composition API旨在解决这些问题

 

 

 

 问题

1）变量来源不明确，不利于阅读

2）多mixin可能会造成命名冲突

3）mixin组件可能会出现多对多关系，复杂度较高