vue中的条件渲染-成都快上网建站

vue中的条件渲染




    
    
    
    


//v-show:已经渲染,只是隐藏或显示
{{message}}
//v-if:存在或不存在(移除)。很显然v-show性能更高,它不用删除、添加
{{message}}
//if else语句(注意,if、else标签之间不能有阻隔,否则报错)
if
else
//if else ifelse(同样要连在一起写)
a
b
other
//一个诡异的现象:帐号、邮箱再怎么切换,input中输入的内容不变(vue会尽量复用,但是并没有清空内容)
帐号:
邮箱:
//解决办法是加key(当给一个元素加key值的时候,vue会知道它是唯一元素,如果不一样则不复用值)
帐号:
邮箱:

分享标题:vue中的条件渲染
文章路径:http://kswjz.com/article/gcephh.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流