Vue面试真题整理

1.v-show和v-if的区别

• v-show通过CSS display控制显示和隐藏
• v-if组价真正的渲染和销毁，而不是显示和隐藏
• 频繁切换显示状态用v-show，否则用v-if

2.为何在v-for中用key

• 必须用key，且不能是index和random
• diff算法中通过tag和key来判断，是否是sameNode
• 减少渲染次数，提升渲染性能

3.描述Vue组件生命周期（父子组件）

• 单组件生命周期图
• 父子组件生命周期关系
  
• 父组件created ——子组件created——子组件mounted——父组件mounted
• 父组件before update——子组件before update——子组件update——父组件update

4.Vue组件如何通讯

• 父子组件props和this.$emit
• 自定义事件 event.on event.off event.$emit
• vuex
  

5.描述组件渲染和更新的过程

6.双向数据绑定v-model的实现原理