当前位置: 首页 > Web前端 > vue.js

vue条件语句v-if,v-else,v-else-if用法

时间:2023-04-01 11:18:59 vue.js

vue条件语句v-if,v-else,v-else-if用法v-if是“真正的”条件渲染,因为它会确保条件块内的事件侦听器和子组件在切换期间被适当地销毁和重新创建。v-if也是惰性的:如果在初始渲染时条件为假,则什么也不做-条件块不会开始渲染,直到条件第一次变为真。相比之下,v-show要简单得多——无论初始条件是什么,元素总是被渲染,并且只是基于CSS进行切换。一般而言,v-if的切换开销较高,而v-show的初始渲染开销较高。所以,如果你需要非常频繁地切换,最好使用v-show,如果条件在运行时很少改变,最好使用v-if。0.5">抱歉

不抱歉
----------A
BC不是A/B/C也可以使用v-show指令根据条件显示元素:Hello!官方文档:ConditionalRendering—Vue.jshttps://cn.vuejs.org/v2/guide/conditional.html在字符串模板中,例如Handlebars,我们必须编写这样的条件块:{{#ifok}}

Yes

{{/if}}在Vue中,我们使用v-if指令来实现相同的功能:Yes也可以使用v-else添加一个"else块":YesNo在现在,每次切换时,输入盒子将被重新渲染。请参阅:UsernameEnteryourusernameTogglelogintype请注意,