v-if 和 v-else-if 和v-else的使用

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><div id="app"><h2 v-if="score>=90">优秀</h2><h2 v-else-if="score>=80">良好</h2><h2 v-else-if="score>=60">及格</h2><h2 v-else>不及格</h2><h1>{{result}}</h1>
</div><script src="../js/vue.js"></script>
<script>const app = new Vue({el: '#app',data: {score: 99},computed: {result() {let showMessage = '';if (this.score >= 90) {showMessage = '优秀'} else if (this.score >= 80) {showMessage = '良好'}// ...return showMessage}}})
</script></body>
</html>

v-if 和 v-else-if 和v-else的使用相关推荐

vector＜int＞ v, vector＜int＞ v(n) 与vector＜int＞ v[n]的区别
一.vector<int> v表示声明一个容器v,并且不给他预定存储空间. 运行: vector<int> v;cout << v.size(); 输出为: 0 二 ...
oracle授权v$lock,Oracle八大性能视图之v$lock
SQL> desc v$lock; 名称是否为空? 类型 ------------------------------ ...
白杨SEO：抖音官方企业蓝V认证有什么用？蓝V认证有哪些好处、具体怎么弄、需要哪些资料与认证流程
前言:这是白杨SEO公众号原创第451篇.为什么想到写这个?很多人想从抖音上搞流量,不管是推荐流量还是关键词SEO搜索流量,都忽略了最本质的-转化!要想更好的转化,抖音企业蓝V认证必不可少,所以来分享 ...
log加时间 securecrt_今日头条如何加V？学会这几招加V很容易
轻松玩转今日头条,学会这几招加黄V超容易,让"大智"忠臣为你服务!人人都能加黄V!加v就意味着你是某个领域的"专家"了,身份的象征!那么如何在今日头条站稳脚,快 ...
持续排名GITHUB榜首的V语言竟是C++的孪生兄弟-V版毁灭战士值得点赞
最近V语言持续在GITHUB上霸屏,而笔者在上周介绍了V语言的一些基础,详见:GITHUB排行榜C位出道-手把手教你玩转V语言版的俄罗斯方块,而这周我也持续关注了V语言的动态,这次带大家玩一下V语言版 ...
Java 8 的List＜V＞转成 Map＜K, V＞
问题: Java 8 的List 转成 Map<K, V> 我想要使用Java 8的streams和lambdas转换一个 List 对象为 Map 下面是我在Java 7里面的写法 pr ...
为什么要认证抖音蓝V？怎样申请抖音蓝V认证？
抖音现在是国内非常火的短视频软件,随着用户量的与日俱增,很多商家抓住了商机,开始在抖音宣传自己的商品.而抖音蓝V认证则是快速提升企业品牌知名度的一种渠道,但很多朋友不知道怎么申请蓝V认证,今天就给大家 ...
w7虚拟机服务器管理器,Hyper - V (五) 在Win7中安装Hyper - V 管理工具远程操作虚拟机...
在Win7中安装Hyper - V 管理工具远程操作虚拟机由于在Hyper - V 中安装的虚拟机运行时鼠标会出现延迟现象,所以我们可以在客户机Win 7 上安装虚拟机. 首先从microsoft ...
linux system v服务器,systemd、upstart和system V
systemd是Linux下的一种init软件,由Lennart Poettering(英语:Lennart Poettering)带头开发并在LGPL 2.1及后续版本许可证下开源发布.其开发目标是 ...
罗汉果甜苷V/益生菌修饰卵清蛋白 Mogroside V/probiotics-OVA
产品名称:罗汉果甜苷V偶联卵清蛋白英文名称: Mogroside V-OVA 用途:科研状态:固体/粉末/溶液产品规格:1g/5g/10g 保存:冷藏储藏条件:-20℃ 储存时间:1年罗汉果 ...

v-if 和 v-else-if 和v-else的使用

v-if 和 v-else-if 和v-else的使用相关推荐

最新文章

热门文章