136Vue-if分支结构+for遍历数组遍历对象、show

最新推荐文章于 2022-09-21 22:17:32 发布

教练我真的想敲代码

最新推荐文章于 2022-09-21 22:17:32 发布

阅读量313

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/Gy_9543/article/details/107819387

版权

if分支结构

一般来说，v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  
</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>