开发者社区> 问答> 正文

v-if、v-show、v-html 的原理是什么,它是如何封装的?#前端面试

v-if、v-show、v-html 的原理是什么,它是如何封装的?#前端面试

展开
收起
一月19 2020-05-23 12:52:48 3789 0
1 条回答
写回答
取消 提交回答
  • v-if会调用addIfCondition方法,生成vnode的时候会忽略对应节点,render的时候就不会渲染; v-show会生成vnode,render的时候也会渲染成真实节点,只是在render过程中会在节点的属性中修改属性display值; v-html会先移除节点下的所有节点,调用html方法,通过addProp添加innerHTML属性,归根结底还是设置innerHTML为v-html的值

    2020-05-23 13:54:22
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
Vue.js 在前端服务化上的探索与实践 立即下载
阿里文娱大前端技术实践 立即下载
前端代码是怎样智能生成的 立即下载