- 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节点
网友评论