简单理解Vue条件渲染
发布时间：2020-12-17 03:07:44 所属栏目：百科 来源：网络整理
导读：一、v-if显示单个元素 注意else只能跟在v-if或者v-show后面 Vue条件渲染 显示我2 输出结果是:显示我1 二、v-if显示多个元素,需配合 注意else只能跟在v-if或者v-show后面 Vue条件渲染 显示我1 显示我11 显示我12 显示我13 显示我2 输出结果: 显示我1 显示我11
一、v-if显示单个元素注意else只能跟在v-if或者v-show后面
Vue条件渲染
输出结果是:显示我1 二、v-if显示多个元素,需配合注意else只能跟在v-if或者v-show后面
Vue条件渲染
输出结果: 显示我1 显示我11 显示我12 显示我13 三、v-show只支持单元素显示,不支持包含的多元素注意else只能跟在v-if或者v-show后面
Vue条件渲染
四、v-if与v-show的区别(1)v-if是真实的渲染与卸载,只不过第一次渲染后,会将结果缓存一下 (2)v-show元素始终被编译并保留，只是简单地基于 CSS 切换 (3)总结: 如果需要频繁切换 v-show 较好，如果在运行时条件不大可能改变 v-if 较好 gitHub地址: 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |