平武建站

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://pwwzsj.com/article/gcephh.html

其他资讯