vue必须掌握的知识点和能力，提升硬实力（简述）

• v-if 和 v-show 的区别
• 为何v-for要使用key
• 描述vue组件的生命周期（有父子组件的情况下）
• Vue组件如何通信
• 描述组件渲染和更新的过程
• 双向绑定数据v-model的实现原理

Vue使用

• 基本使用，组件使用——常用，必须会
• 高级特性——不常用，但体现深度
• Vuex 和 Vue-router使用

指令，插值

• 插值，表达式
• 指令、动态属性
• v-html:会有XSS风险，会覆盖子组件

computed 和 watch

• computed 有缓存，data不变则不会重新计算
• watch如何进行深度监听?
• watch监听应用类型，拿不到oldVal,因为指针相同

class 和 style

• 使用动态属性
• 使用驼峰式写法

条件渲染

• v-if 和 v-else的用法，可使用变量，也可以使用 === 表达式
• v-if 和 v-show的区别
• v-if 和 v-show的使用场景

循环列表的渲染

• 如何遍历对象? 也可以使用v-for
• key 的重要性。key不能乱写（如random或者index）
• v-for 和 v-if不能一起使用 v-for 优先级比v-if优先级高

事件

• event的参数，自定义参数 (event 是原生的，事件被挂载到当前元素上)
• 事件修饰符，按键修饰符
• 【观察】 事件被绑定在哪里

表单

• v-model
• 常见表单项textarea checkbox radio select
• 修饰符lazy number trim

vue组件的使用

• props 和 $emit
• 组件间通讯-自定义事件
• 组件生命周期

生命周期(单个组件)

• 挂载阶段
• 更新阶段
• 销毁阶段

生命周期(父子组件)

• 渲染，更新，销毁顺序

Vue高级特性

• 自定义v-model
• $nextTick
• slot
• 动态异步组件
• keep-alive
• mixin

v-model 自定义

• imput使用的是:value 而不是v-model
• :value 的值和props 和 model.name 一致
• @input 的方法要和model.event 一致

$nextTick

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