接着前面的内容：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. Java 访问修饰符大全详解
			
    鉴于笔试面试总会遇到,决心仔细认真梳理一下: 1:涉及的关键字:public,default(表示缺省),protected,private,static,final,abstract. 2:关键字含 ...
    
			
    2. 
						
  2. [转载]float 和 double 的一二三点事
			
    文章转载于博客园作者jillzhang,原文链接http://jillzhang.cnblogs.com/ .文章为jillzhang原创,转载条件请看原文链接. 关于浮点数精度和范围,请看末尾. C ...
    
			
    3. 
						
  3. 如何搭建本地web服务
			
    IIS服务是windows自带的web服务,我们可以用来搭建本地网站,供局域网内的用户之前访问,比如办公室的同事之间,一个教室里的同学们. 先说明这是Windows10 x64位 家庭普通版的系统.  ...
    
			
    4. 
						
  4. Springcloud 整合Hystrix 断路器，支持Feign客户端调用
			
    1,在这篇博文中,已经大致说过了Springcloud服务保护框架 Hystrix在服务隔离,服务降级,以及服务熔断中的使用 https://www.cnblogs.com/pickKnow/p/11 ...
    
			
    5. 
						
  5. 面试刷题30:SpringBean的生命周期？
			
    spring是Java软件开发的事实标准. 我是李福春,我在准备面试,今天的问题是:springBean的生命周期是怎样的? 答:spring最基础的能力是IOC(依赖注入),AOP(面向切面编程), ...
    
			
    6. 
						
  6. SpringBoot系列（二）入门知识
			
    SpringBoot系列(二)入门知识 往期推荐 SpringBoot系列(一)idea新建springboot项目 引言 本来新建springboot项目应该放在入门知识这一章的,但是由于新建spr ...
    
			
    7. 
						
  7. python学习第二节  数据类型、字符编码、文件处理
			
    标准数据类型 Python3 中有六个标准的数据类型: Number(数字) String(字符串) List(列表) Tuple(元组) Sets(集合) Dictionary(字典) 数字 #整型 ...
    
			
    8. 
						
  8. 解决VS项目程序运行完就自动关闭窗口
			
    VS的程序运行完会关闭窗口,需要设置工程属性 笔者虽然是Java开发者,但是学习用到了C++与C语言,之前使用的是dev与codeblock并没有这个情况,那么如何解决 首先你有这个hello,wor ...
    
			
    9. 
						
  9. testng.xml配置
			
    <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE suite SYSTEM "htt ...
    
			
    10. 
						
  10. MySQL入门，第二部分，必备基础知识点
			
    一.数据类型 日期和时间数据类型 date 字节 日期,格式:2014-09-18 日期和时间数据类型 time 字节 时间,格式:08:42:30 日期和时间数据类型 datetime 字节 日期时 ...
    
			
    11.