VueJS之条件判断

布尔条件判断:




    
    Gamacode.com


{ { message }}

//标签属性v-if="布尔值键名"进行判断

Chrome打开开发者调试工具Console进行测试:

app.finished = true

数值判断:




    
    Gamacode.com


{ { message }}

//v-if判断语句

Chrome打开开发者调试工具Console进行测试:

app.number = 4

v-if,v-elseif,v-else判断语句:




    
    Gamacode.com


{ { message1 }}

{ { message2 }}

{ { message3 }}

Chrome打开开发者调试工具Console进行测试:

app.number = 3
app.number = 7
app.number = 12

 

你可能感兴趣的:(前端框架,Vue,Vue,VueJS,前端框架,Vue条件判断)