码迷,mamicode.com
首页 > 其他好文 > 详细

vue中的条件渲染

时间:2021-04-06 14:53:43      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:不同   清空   操作dom   元素   display   使用   span   标签   and   

vue中的条件渲染

v-if v-show 控制模板标签是否在页面上显示

v-if 对应的js表达式为false:移除该标签dom节点

v-show 对应的js表达式为false:只控制了display属性为none,dom节点依然存在

v-show 性能好一点,因为不会去频繁的操作dom

v-if v-else 若v-if为true,v-else不显示,若v-if为false,v-else显示,但注意v-if和v-else必须紧贴着使用

v-if v-else-if v-else 必须连着写

vue在重新渲染页面的时候,会尽量尝试复用页面上已经存在的dom(input没有key时,不会被清空) 当给元素标签添加key值时,当两个key不同时,vue认为时两个唯一dom,会重新渲染不会复用,涉及diff算法

vue中的条件渲染

标签:不同   清空   操作dom   元素   display   使用   span   标签   and   

原文地址:https://www.cnblogs.com/manhuai/p/14616800.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!