vue 题目累计

1. v-show 和 v-if 的区别
   v-show 通过 CSS display 来控制显示和隐藏
   v-if 组件真正的渲染和销毁，而不是显示隐藏
   频繁切换显示用 v-show，否则用v-if

2. v-for 为何使用 key
   diff算法通过 tag 和 key 来判断，是否是sameNode
   减少渲染次数，提升渲染性能

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

4. vue组件如何通讯
   父子组件 props 和 this.$emit
   自定义事件 event. $on $off $emit
   vuex

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

6. 双向数据绑定 v-model 的原理
   oninput 语法糖

7. 对MVVM的理解

8. computed 的特点
   缓存，data不变不会重新计算

9. data 为何是函数

10. ajax 请求应该放在那个生命周期
    mounted，js是单线程的，ajax是一步获取数据的，放前面没啥用

11. 如何将组件所有props 传递给子组件
    <Child v-bind="$props">

12. 多个组件有相同的逻辑，如何抽离
    mixin

13. 何时使用异步组件
    加载大组件，路由组件

14. 何时需要使用keep-alive

15. 何时需要使用beforeDestroy
    解绑自定义事件、清除定时器、解绑自定义DOM 事件。。。（内存泄漏）

16. vuex 中 action 和 mutation 区别
    action处理异步，mutation不行。action可以整合mutation

17. vue常见性能优化
    合理使用v-show 和 v-if
    合理使用compute
    v-for加key
    自定义事件 记得及时销毁
    合理使用异步组件
    合理使用keep-alive
    data层级不要太深