接着前面的内容：https://www.cnblogs.com/yanggb/p/12576797.html。

条件渲染

vue也提供了一些指令，用于条件性地渲染模板中的内容。

【v-if】和【v-else】指令

【v-if】指令用于条件性地渲染一块内容，这块内容只会在指令的表达式返回truthy值得时候被渲染。

<h1 v-if="handsome">yanggb is handsome!</h1>

也可以配合使用【v-else】指令添加一个else块。

<h1 v-if="handwome">yanggb is handsome!</h1>

<h1 v-else>oh no 												


											
vue2.x学习笔记（七）的更多相关文章
	

    
						
  1. （转）Qt Model/View 学习笔记 (七)——Delegate类
		
    Qt Model/View 学习笔记 (七) Delegate  类 概念 与MVC模式不同,model/view结构没有用于与用户交互的完全独立的组件.一般来讲, view负责把数据展示 给用户,也 ...
    
		
    2. 
						
  2. Learning ROS for Robotics Programming Second Edition学习笔记(七) indigo PCL xtion pro live
		
    中文译著已经出版,详情请参考:http://blog.csdn.net/ZhangRelay/article/category/6506865 Learning ROS forRobotics Pro ...
    
		
    3. 
						
  3. Typescript 学习笔记七：泛型
		
    中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...
    
		
    4. 
						
  4. vue2.0学习笔记之路由（二）路由嵌套+动画
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    5. 
						
  5. vue2.0学习笔记之路由（二）路由嵌套
		
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    6. 
						
  6. python3.4学习笔记(七) 学习网站博客推荐
		
    python3.4学习笔记(七) 学习网站博客推荐 深入 Python 3http://sebug.net/paper/books/dive-into-python3/<深入 Python 3& ...
    
		
    7. 
						
  7. Go语言学习笔记七： 函数
		
    Go语言学习笔记七: 函数 Go语言有函数还有方法,神奇不.这有点像python了. 函数定义 func function_name( [parameter list] ) [return_types ...
    
		
    8. 
						
  8. iOS 学习笔记七 【博爱手把手教你使用2016年gitHub Mac客户端】
		
    iOS 学习笔记七 [博爱手把手教你使用gitHub客户端] 第一步:首先下载git客户端 链接:https://desktop.github.com 第二步:fork 大神的代码[这里以我的代码为例 ...
    
		
    9. 
						
  9. 【opencv学习笔记七】访问图像中的像素与图像亮度对比度调整
		
    今天我们来看一下如何访问图像的像素,以及如何改变图像的亮度与对比度. 在之前我们先来看一下图像矩阵数据的排列方式.我们以一个简单的矩阵来说明: 对单通道图像排列如下: 对于双通道图像排列如下: 那么对 ...
    
		
    10. 
						
  10. Linux学习笔记(七) 查询系统
		
    1.查看命令 (1)man 可以使用 man 命令名称 命令查看某个命令的详细用法,其显示的内容如下: NAME:命令名称 SYNOPSIS:语法 DESCRIPTION:说明 OPTIONS:选项  ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. Windows平台安装Beautiful Soup
			
    Windows平台安装Beautiful Soup 2013-04-01 09:31:23|  分类: Python|举报|字号 订阅     Beautiful Soup是一个Python的一个库, ...
    
			
    2. 
						
  2. 面试指南」JS 模块化、组件化、工程化相关的 15 道面试题
			
    JS 模块化.组件化.工程化相关的 15 道面试题 1.什么是模块化? 2.简述模块化的发展历程? 3.AMD.CMD.CommonJS 与 ES6 模块化的区别? 4.它们是如何使用的? 5.exp ...
    
			
    3. 
						
  3. Android | 教你如何用华为HMS MLKit 图像分割 SDK开发一个证件照DIY小程序
			
    Android | 教你如何用华为HMS MLKit 图像分割 SDK开发一个证件照DIY小程序 引子   上期给大家介绍了如何使用如何用华为HMS MLKit SDK 三十分钟在安卓上开发一个微笑抓 ...
    
			
    4. 
						
  4. python之常用模块ymal
			
    在学习python如何操作yml文件之前,我们先科普一下yml的格式 yaml是专门写配置文件的语言,非常简洁和强大,比json更加方便 YAML 语言(发音 /ˈjæməl/ )的设计目标,就是方便 ...
    
			
    5. 
						
  5. 高并发解决方案限流技术-----使用RateLimiter实现令牌桶限流
			
    1,RateLimiter是guava提供的基于令牌桶算法的实现类,可以非常简单的完成限流特技,并且根据系统的实际情况来调整生成token的速率.通常可应用于抢购限流防止冲垮系统:限制某接口.服务单位 ...
    
			
    6. 
						
  6. 关于《自动化测试实战宝典：Robot Framework + Python从小工到专家》
			
    受新冠疫情影响,笔者被“困”在湖北老家七十余天,于4月1号(愚人节)这天,终于返回到广州.当前国内疫情基本已趋于平稳,但全球疫情整体势态仍在持续疯涨,累计确诊病例已近80万人.祈祷这场全球性灾难能尽早 ...
    
			
    7. 
						
  7. [noip2016]蚯蚓<单调队列+模拟>
			
    题目链接:https://vijos.org/p/2007 题目链接:https://www.luogu.org/problem/show?pid=2827#sub 说实话当两个网站给出AC后,我很感 ...
    
			
    8. 
						
  8. SpringMVC里 form提交到controller404 解决方法
			
    把 <form action="/logon"> 改为 <form action="${pageContext.request.contextPath} ...
    
			
    9. 
						
  9. Java 类加载器解析及常见类加载问题
			
    Java 类加载器解析及常见类加载问题 java.lang.ClassLoader 每个类加载器本身也是个对象--一个继承 java.lang.ClassLoader 的实例.每个类被其中一个实例加载 ...
    
			
    10. 
						
  10. warning: directory not found for option“XXXXXX” 解决方案
			
    从项目中删除了某个目录.文件以后,编译出现警告信息:   ld: warning: directory not found for option"XXXXXX" 很奇怪,为什么已经 ...
    
			
    11.