2020百度前端面试题整理

一、v-if、v-show、v-html 的原理是什么，它是如何封装的？

v-if会调用addIfCondition方法，生成vnode的时候会忽略对应节点，render的时候就不会渲染； v-show会生成vnode，render的时候也会渲染成真实节点，只是在render过程中会在节点的属性中修改属性display值； v-html会先移除节点下的所有节点，调用html方法，通过addProp添加innerHTML属性，归根结底还是设置innerHTML为v-html的值

二、flex的缩写

flex是flex-grow,flex-shrink,flex-basis三个属性值的缩写