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组件可能会出现多对多关系,复杂度较高
标签:异步,vue,15,渲染,DOM,面试,mixin,组件 From: https://www.cnblogs.com/qwqxyd/p/16780209.html