<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
</style>
</head>
<body>
<div id="app">
<div v-if='score>=90'>优秀</div>
<div v-else-if='score<=90&&score>=80'>良好</div>
<div v-else-if='score<=80&&score>=60'>一般</div>
<div v-else='score<=80&&score>=60'>差</div>
</div>
<script type="text/javascript" src="./js/vue.js"></script>
<script>
/*
//对象绑定的值可以和数组结合使用
//class绑定的值可以简化操作
//默认的class如何处理
默认的class会保留
*/
var vm = new Vue({
//绑定的标签
el: '#app',
//自定义按键修饰符
data: {
score: 69
},
methods: {
handle: function() {
}
}
});
</script>
</body>
</html>
活动
天翼云最新优惠活动，涵盖免费试用,产品折扣等，助您降本增效！
前端-vue基础22-分支循环结构
前端-vue基础22-分支循环结构
2024-06-12 09:26:30 阅读次数：28
版权声明：本文内容来自第三方投稿或授权转载，原文地址：https://blog.51cto.com/u_15460007/6051189，作者：前端导师歌谣，版权归原作者所有。本网站转在其作品的目的在于传递更多信息，不拥有版权，亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系，请发邮件至ctyunbbs@chinatelecom.cn沟通。
作者介绍
天翼云用户
查看更多
最新文章
Vue3学习笔记（1.0）
2024-11-14 08:55:41
Vue3--使用脚手架创建一个vue应用，实现todolist
2024-11-07 07:57:54
Web的介绍
2024-10-18 09:52:34
drf配合vue,elementplus的简单使用
2024-10-15 08:53:18
前端工作总结242-uni-提交成功加入表单验证
2024-09-25 10:15:15
vue课程72 侦听器-用法总结
2024-09-25 10:13:57
查看更多
热门文章
Jsp Ajax之模拟用户注册
2022-11-17 12:37:24
VUE前端工程化-2
2023-02-07 10:34:04
js: json的序列化和反序列化
2023-02-20 10:30:04
中秋不加班：js枚举值enums在业务中的应用案例
2023-02-23 08:53:24
react18-学习笔记14-枚举（Enum）
2023-03-16 07:13:43
vue如何解决axios请求前端跨域问题
2023-07-26 08:08:42
售前咨询热线
400-810-9889转1
关注天翼云
- APP
©2024
天翼云科技有限公司版权所有 增值电信业务经营许可证A2.B1.B2-20090001
公司地址：北京市东城区青龙胡同甲1号、3号2幢2层205-32室
