vue中的条件渲染

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中的条件渲染

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