Vue 高级特性

1. 自定义 v-model

本质：input 事件和 value 属性的语法糖

2. $nextTick

本质：

• Vue 异步渲染
• 修改 data 之后，DOM 不会立刻渲染
• 可以使用 $nextTick 获取最新的 DOM 节点

使用场景：

• 通过 js 修改了一个 DOM 元素的样式（如高度），在 $nextTick 中才能获取到 DOM 修改后的最新样式

3. refs

作用：通过 Vue 获取 DOM 元素

4. slot

• 基本使用
• 作用域插槽
• 具名插槽

5. 动态组件

• 用法：<component :is="component-name" />
• 使用场景：动态的渲染不同的组件

6. 异步组件

• 本质：使用时才加载的组件，提高性能
• 方式：import( ) 导入

7. keep-alive

• 缓存组件，不需要反复的创建 mounted 和 destroyed
• 频繁切换，不需要重复渲染
• Vue 常见性能优化考点

8. mixin

9. 相关的面试技巧

• 可以不太深入，但必须知道
• 熟悉基本用法，了解使用场景
• 最好能和自己的项目经验结合起来

10 Vuex

11. vue-router

• 路由模式（hash、H5 history）
• 路由配置（动态路由、懒加载）