Day3 条件判断

今天来学学Vue里面的判别式v-if 跟v-show

1. v - if
https://ithelp.ithome.com.tw/upload/images/20210917/20140076dMzIUOGfgf.png
https://ithelp.ithome.com.tw/upload/images/20210917/20140076B7YyqYCnXP.png
在这里我们将条件设定为Show而下方判断false时将会显示不成立,相反的则会显示成立,如果没有设v-else就不会显示出来

2. v-show
https://ithelp.ithome.com.tw/upload/images/20210917/20140076JYHXbkyiQT.png
https://ithelp.ithome.com.tw/upload/images/20210917/20140076S8FrjVWDPl.png

差异
v-if 跟 v-show的效果差不多相同
if是有条件的渲染,而show是无条件的渲染,可视情况是否有else的需求

最後来做个分数是否及格实例,当我的score只要>=60则显示及格,反之不及格,并将判断显示在萤幕上
https://ithelp.ithome.com.tw/upload/images/20210917/20140076tEkt9GQexH.png
https://ithelp.ithome.com.tw/upload/images/20210917/20140076mCIyP8dbwT.png
https://ithelp.ithome.com.tw/upload/images/20210917/20140076eCJR4fBnhE.png

今天看完if跟show的差别,明天将会学习资料单向绑定的部分

参考资料https://www.youtube.com/watch?v=8O3teHziU_E


<<:  【Day5】 Introduction

>>:  day2: 程序码风格的重要性

{DAY10} SQL查询语法2

前言 我上的课程一样是郭耀仁老师在台大资讯系统训练班所开设的『SQL资料分析』 这篇文章会使用老师上...

Day 16 - 不小心断赛之 Lifecycle

大意失荆州,这就是人生,因为以为有写,不小心就断赛了;不过,秉持着坚持的精神,我还是想继续写完。 今...

Laravel 实战经验分享 - Day29 剩下最後的两篇,该讲些什麽呢?

到了倒数第二天,一直在想自己该写什麽,在参加这个比赛之前,自己常埋首在自以为是的开发中,无论遇到什麽...

世界上最快乐的人 (2) 有所缘禅修

安住在对境上 - 有所缘的禅修 无所缘禅修之所以困难,因为太过简单。心的本质(觉性)很难辨认。反而容...

[Day 25] 实作 Redis Plugin 整合 Redis Coroutine Client

目前 Redis 几乎已成为後端微服务架构的必备基础设施,但是 Ktor 官方连 ORM 都没有整合...