接着前面的内容：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. HDU 1847-Good Luck in CET-4 Everybody!-博弈SG函数模板
			
    Problem Description 大学英语四级考试就要来临了,你是不是在紧张的复习?也许紧张得连短学期的ACM都没工夫练习了,反正我知道的Kiki和Cici都是如此.当然,作为在考场浸润了十几载 ...
    
			
    2. 
						
  2. 学习mybatis框架时配置xml文件解决select莫名其妙报错问题
			
    遇到这种情况,如果语法没有错误,那就可能是你的eclipse在耍你!!! 怎么弄呢,重新建立一个文件,把原来的代码复制到新的文件中就ok啦!不用谢我,我叫雷锋
    
			
    3. 
						
  3. 【笔记3-31】Python语言基础-字典dict
			
    创建字典 dict1 = {'k1': 'v1', 'k2': 'v2', 'k3': 'v3', 'k4': 'v4'} dict2 = dict(k1='v1', k2='v2', k3='v3' ...
    
			
    4. 
						
  4. 一文上手TensorFlow2.0（一）
			
    目录: Tensorflow2.0 介绍 Tensorflow 常见基本概念 从1.x 到2.0 的变化 Tensorflow2.0 的架构 Tensorflow2.0 的安装(CPU和GPU) Te ...
    
			
    5. 
						
  5. Python第七章-面向对象
			
    面向对象编程基础 一.面向对象概念 1.1 什么是面向过程 ​ 就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候一个一个依次调用就可以了. ​ 生活中的的例子举例. 1.2 ...
    
			
    6. 
						
  6. js Object方法小结
			
    1. Object.defineProperty(obj,prop,{                 value:...,                 writable:boolean,//可写 ...
    
			
    7. 
						
  7. 模块 jieba结巴分词库 中文分词
			
    jieba结巴分词库 jieba(结巴)是一个强大的分词库,完美支持中文分词,本文对其基本用法做一个简要总结. 安装jieba pip install jieba 简单用法 结巴分词分为三种模式:精确 ...
    
			
    8. 
						
  8. JS面向对象介绍
			
    JS面向对象介绍 首先面向对象是什么?为什么要使用面向对象. 因为JavaScript对每个创建的对象都会自动设置一个原型(谷歌火狐中是proto),指向它的原型对象prototype,举个例子: f ...
    
			
    9. 
						
  9. 【3D】PoseCNN姿态检测网络复现过程记录
			
    最近在研究室内6D姿态检测相关问题,计划在PoseCNN网络基础上进行改进实现.但是在第一步的复现过程中踩了无数的坑,最终成功运行了demo,但目前数据集train还是遇到了一些问题.有问题欢迎一起交 ...
    
			
    10. 
						
  10. python：列表切片知识的总结
			
    列表的切片操作时对其中的单个或者多个索引对应元素的操作,具有如下特点: ①.切片区间是左闭右开区间 ②.切片的下标可以表示负数,-1表示倒数第一个数,-2表示倒数第二个数 ③.默认步长是1,可增加第三 ...
    
			
    11.