(前端面试)每日5题

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

        v-show操作css中display属性，控制Dom元素的显示与隐藏，有更高的初始渲染消耗

        v-if直接操作Dom元素，销毁与创建，有更高的切换消耗

2、v-for为什么不建议和v-if一起使用

        优先级问题：v-for优先级高于v-if，当v-for已经渲染完页面，此时v-if还没有执行，所以会报错

3、computed和watch有什么区别？

        computed：无论数据是否发生改变，都会执行函数

        watch：数据发生改变，执行函数

4、vue中 key 值的作用？

        类似于id，唯一性，便于快速查找节点

5、如何获取子组件的所有数据？

        $refs

        父组件中给子组件定义ref属性

        通过this.$refs.son获取子组件汇总全部数据