vue 高级特性
自定义v-model
谈谈$nextTick的作用
Vue 是异步渲染,data改变之后,DOM不会立刻渲染,$nextTick会在DOM渲染之后被触发,以获取最新的DOM节点。
slot特性
- 基本使用
- 作用域插槽(不常用,但是需要知道)
- 具名插槽
动态、异步组件
用法::is = "component-name"
异步组件: 使用时,再去加载组件 ()=> import(./components/tabs)
keep-alive
- 缓存组件,频繁切换组件,不需要重复渲染。适用于Vue常见性能优化
mixin的优缺点
- 多个组件有相同的逻辑,抽离出来
mixin 并不是完美的解决方案,会有一些问题。vue3 提出的Composition API 旨在解决这些问题。
- 变量来源不明确,不利于阅读
- 多mixin可能造成命名冲突
- mixin和组件可能出现多对多的关系,复杂度较高。