vue分支循环结构

分手后的思念是犯贱 2023-03-14 08:06 6阅读 0赞

### 分支结构 ###

（v-if控制元素是否渲染到页面，v-show控制元素是否显示在页面(已经渲染)）

<div id="app">
        <div v-if='sorce>=90'>优秀</div>
        <div v-else-if="sorce>=60&&sorce<90">良好</div>
        <div v-else>不及格</div>
        <div v-show="flag">showTEST</div>
    </div>
    
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript">
        var vm = new Vue({
            el: '#app',
            data:{
                sorce: 99,
                flag: false,
            },
            methods:{
    
            }
        })
    </script>

### 循环结构 ###

<div id="app">
        <ul>
            <li v-for="item in student">{
       {item}}</li>
            <li v-for="(item, index) in student">{
       {item}}+'--'+{
       {index}}</li> 
        </ul>
    </div>
    
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript">
        var vm = new Vue({
            el: '#app',
            data:{
                student: ['张三','李四','王五'],
                flag: false,
            },
            methods:{
    
            }
        })
    </script>

## ##

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java基础-程序的流程控制-分支结构-循环结构

文章目录程序流程控制分支结构 1.if分支语句格式一格式二

迷南。/ 2023年09月28日 14:11/ 0 赞/ 162 阅读

相关【Java|基础篇】逻辑控制-顺序结构、分支结构和循环结构

文章目录顺序结构分支结构 if单分支语句 if else双分支语句 if else if else多分支语句

喜欢ヅ旅行/ 2023年09月27日 14:57/ 0 赞/ 126 阅读

相关第七讲分支结构和循环结构的应用

通过前面两节课的学习，大家对 Python 中的分支结构和循环结构已经有了初步的认知。分支结构和循环结构是构造程序逻辑的基础，它们的重要性不言而喻，但是对于初学者来说这也是比较

小咪咪/ 2023年09月26日 21:23/ 0 赞/ 42 阅读

相关 Java语言学习五（分支结构与循环结构）

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

柔光的暖阳◎/ 2023年07月18日 14:18/ 0 赞/ 10 阅读

相关 MySQL之流程控制结构（分支，循环）

流程控制结构顺序结构：程序从上往下依次执行分支结构：程序从两条或多条路径中选择一条去执行 ①IF函数：实现简单的双分支 IF（条件，结果1，结果2） ②

ゝ一纸荒年。/ 2023年07月03日 10:58/ 0 赞/ 182 阅读

相关 vue分支循环结构

分支结构（v-if控制元素是否渲染到页面，v-show控制元素是否显示在页面(已经渲染)） <div id="app"> <div v-if

分手后的思念是犯贱/ 2023年03月14日 08:06/ 0 赞/ 7 阅读

相关循环分支结构练习

1.系统登录界面 import getpass username = input("请输入用户名:") password = getpass.getp

逃离我推掉我的手/ 2022年05月30日 03:05/ 0 赞/ 257 阅读

相关 JavaScript复习笔记（二）函数、分支结构和循环结构

1、函数：封装一个专门任务的步骤清单的代码段叫做函数使用函数: 声明定义和调用 2、声明和定义函数的几种方法函数声明：function sum(a,b)\{ r

骑猪看日落/ 2022年04月17日 06:29/ 0 赞/ 234 阅读

相关分支结构和循环结构

上节课的回顾 print(f'\{a:+> 30.3f \}')其中的30.3f 的30表示使用30个字符， .3f表示保留小数点后3位，可参照下面：获

﹏ヽ暗。殇╰゛Y/ 2021年11月17日 15:48/ 0 赞/ 418 阅读

相关新手小白学JAVA 分支结构 switch结构 for循环

1 分支结构 1.1 概述顺序结构的程序虽然能解决计算、输出等问题但不能做判断再选择。对于要先做判断再选择的问题就要使用分支结构 1.2 形式 ![

悠悠/ 2021年09月07日 06:21/ 0 赞/ 407 阅读