在Vue进行前端开发中，条件判断主要用于根据不同的条件来决定显示或隐藏，或者进行视图之间的切换，本文以一个简单的小例子简述v-if的常见用法，仅供学习分享使用，如有不足之处，还请指正。

v-if 指令

v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 可以用 v-else 添加一个“else 块”,也可以不用。v-else 元素必须紧跟在带 v-if 或者 v-else-if 的元素的后面，否则它将不会被识别。

如下所示：如果isgood为true，则显示【Vue is good!】否则显示【Oh no】。

 <h3 v-if="isgood">Vue is good!</h3>

 <h3 v-else>Oh no 												


											
一起学Vue之条件判断的更多相关文章
	

    
								
  1. vue    v-if条件判断
		
    <view class='circle-G' v-if="item.status === 'G'"></view> <view class='circ ...
    
		
    2. 
						
  2. vue学习笔记（二）-  数据绑定、列表渲染、条件判断
		
    vue的数据绑定和列表渲染的造轮子 GitHub:八至 作者:狐狸家的鱼 双向数据绑定 Vue中数据的双向绑定-v-model 数据->页面 页面->数据 适用:input.select. ...
    
		
    3. 
						
  3. vue数据渲染、条件判断及列表循环
		
    1.数据渲染  {{msg}} <template> <div id="app"> {{msg}} </div> </template&g ...
    
		
    4. 
						
  4. 我们一起来学Shell - shell的条件判断
		
    文章目录 Shell 条件测试语法 符号说明 Shell 测试表达式 文件测试表达式 字符串测试表达式 整数操作符 逻辑操作符 测试表达式的区别总结 Shell 条件判断之if语句 单分支 IF 条件 ...
    
		
    5. 
						
  5. 『忘了再学』Shell流程控制 — 33、if条件判断语句（一）
		
    目录 1.单分支if条件语句 2.双分支if条件语句 (1)示例1 (2)示例2 什么是流程控制? 普通理解:Shell编写的程序是顺序执行的,也就是说第一命令先执行,然后接着执行第二条命令,然后再下 ...
    
		
    6. 
						
  6. 『忘了再学』Shell流程控制 — 34、if条件判断语句（二）
		
    目录 1.多分支if条件语句格式 2.练习 3.说明 4.综合练习 1.多分支if条件语句格式 if [ 条件判断式1 ] then 当条件判断式1成立时,执行程序1 elif [ 条件判断式2 ]  ...
    
		
    7. 
						
  7. 在Less中使用条件判断
		
    好几个月都没写点什么东西了,被外派到Gov开发项目,老旧的系统让开发痛苦不堪,接口文档甚至是2011年的,感觉这几个月的时间都被浪费在做兼容处理上了,并且没学到什么东西,心里挺不是滋味.回到公司后才知 ...
    
		
    8. 
						
  8. 一起学Vue之入门篇
		
    概述 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心库只关注视图层,不仅易于上手,还 ...
    
		
    9. 
						
  9. [Vue源码]一起来学Vue模板编译原理(一)-Template生成AST
		
    本文我们一起通过学习Vue模板编译原理(一)-Template生成AST来分析Vue源码.预计接下来会围绕Vue源码来整理一些文章,如下. 一起来学Vue双向绑定原理-数据劫持和发布订阅 一起来学Vu ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. UML类图的情话诉说
			
    你知道吗这个世界是个繁杂而又简单的世界 你我在冥冥中都有联系 有时候,你像我的妈妈一样,对你依赖满满, 没有你我不知道何去何从(依赖) 有时候,看你,真如我亲爱孩子般,想一直拥你入我怀抱,但我知道终究 ...
    
			
    2. 
						
  2. linux下oracle调试小知识
			
    1.oracle 安装下的/u01/diag/rdbms/orcl/HOF/incident目录下是什么文件?答:每当一个错误发生的时候,oracle会创建一个incident,并且分配一个INCID ...
    
			
    3. 
						
  3. innobackupex 恢复脚本
			
    此脚本需要与我前几天写的备份脚本配套才能使用 这里也对innobackupex吐槽下,当使用innobackupex进行恢复的时候,必须要清除所有原数据文件,但是一旦恢复失败,则连实例都将丢失,不成功 ...
    
			
    4. 
						
  4. ros之自定义服务数据
			
    如何自定义服务数据 string name Uint8 age Uint8 sex Uint8 unknown =0 Uint8 male =1 Uint8 female = 2 (上面的是Reque ...
    
			
    5. 
						
  5. Win2008 远程时提示"要登录到此远程计算机,您必须被授予允许通过终端登录登录的权限"的解决方法
			
    问题描述 ECS Windows 2008 远程登陆时提示"要登录到此远程计算机,您必须被授予允许通过终端登录登录的权限",如下图所示: 问题分析 组策略中做了设置不允许管理员组成 ...
    
			
    6. 
						
  6. kvm 中 Guest Is already in use 处理办法
			
    在安装kvm时,如果安装相同名字的虚拟机,是会有错误提示的,就算是删除了虚拟机的xml文件,也会弹出错误提示.如下: ERROR Guest name 'test' is already in use ...
    
			
    7. 
						
  7. C语言的体系结构--main函数存在的必然性（听杨力祥老师的课）
			
    注:不是原创,课堂上听来的,防止遗忘,所以记下来! C语言包括两个部分:数据和函数,当然最终这两个部分都是要进入到计算机的内存中去. 函数在编译后生成可执行代码,存放在代码区:数据分为几种:局部与全局 ...
    
			
    8. 
						
  8. CInternetSession的简单使用
			
    1. CInternetSession的简单使用 CInternetSession session; CHttpFile *file = NULL; CString strURL = " h ...
    
			
    9. 
						
  9. [win]更改win终端编码
			
    更改cmd的编码格式 chcp: 显示当前的编码格式 chcp 65001: 更改当前编码格式为UTF-8 字体选择`Lucida Console` 更改PowerShell编码格式(from zhi ...
    
			
    10. 
						
  10. BZOJ 2161 布娃娃(权值线段树)
			
    题意 给n<1e5个娃娃,每个娃娃有属性\(p\),\(c\),\(l\),\(r\)(均在ll范围内),问你对每个娃娃\(i\),满足所有\(l_j\leq p_i\leq r_j\)的娃娃\ ...
    
			
    11.