接着前面的内容：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. Anaconda常用命令收藏----后期还会更新
			
    一.更换jupyter notobook的打开目录 一般载在安装好Anaconda的时候,打开jupyter指向的目录一般是系统的根目录,如C:\Users\25282,但是这样的话对C盘是个不小的负 ...
    
			
    2. 
						
  2. [bfs,深度记录] East Central North America Regional Contest 2016 (ECNA 2016) D Lost in Translation
			
    Problem D Lost in Translation The word is out that you’ve just finished writing a book entitled How  ...
    
			
    3. 
						
  3. 【笔记3-27】Python语言基础
			
    流程控制语句 if语句 input() if-else if-elif-else
    
			
    4. 
						
  4. Android对话框(Dialog)
			
    Android对话框 前几天出差没有进行更新,今天写一下安卓中用的比较多的对话框——AlertDialog. dialog就是一个在屏幕上弹出一个可以让用户做出一个选择,或者输入额外的信息的对话框,一 ...
    
			
    5. 
						
  5. Serpent.AI - 游戏代理框架（Python）
			
    Serpent.AI - 游戏代理框架(Python) Serpent.AI是一个简单而强大的新颖框架,可帮助开发人员创建游戏代理.将您拥有的任何视频游戏变成一个成熟的实验的沙箱环境,所有这些都是熟悉 ...
    
			
    6. 
						
  6. SSH免密配置
			
    1. 在三个节点生成秘钥cd ~/.sshssh-keygen -t rsa 2.合并三个节点的密码cat id_rsa.pub >> authorized_keysssh postgre ...
    
			
    7. 
						
  7. python数据库MySQL之视图，触发器，事务，存储过程，函数
			
    一 视图 视图是一个虚拟表(非真实存在),其本质是[根据SQL语句获取动态的数据集,并为其命名],用户使用时只需使用[名称]即可获取结果集,可以将该结果集当做表来使用. 使用视图我们可以把查询过程中的 ...
    
			
    8. 
						
  8. D - D 分糖果HDU - 1059(完全背包+二进制优化)
			
    有两个小朋友想要平分一大堆糖果,但他们不知道如何平分需要你的帮助,由于没有spj我们只需回答能否平分即可. 糖果大小有6种分别是1.2.3.4.5.6,每种若干颗,现在需要知道能不能将这些糖果分成等额 ...
    
			
    9. 
						
  9. Java Interger小知识
			
    Integer装箱与拆箱 装箱: Integer i = 10; 相当于:Integer i = Integer.valueOf(10); 拆箱: Integer i = 10; //装箱 int t ...
    
			
    10. 
						
  10. 浅谈Python导入外部文件
			
    import 和 from ... import * 有什么区别? 例如我写了个模块hello.py def print_func(args): print("Hello " +  ...
    
			
    11.