接着前面的内容：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. ASP.NET Core 奇淫技巧之伪属性注入
			
    一.前言 开局先唠嗑一下,许久未曾更新博客,一直在调整自己的状态,去年是我的本命年,或许是应验了本命年的多灾多难,过得十分不顺,不论是生活上还是工作上.还好当我度过了所谓的本命年后,许多事情都在慢慢变 ...
    
			
    2. 
						
  2. nltk 获取 gutenberg 语料，gensim 生成词库和 onehot 编码
			
    nltk 获取 gutenberg 语料 gensim 生成词库和 onehot 编码 正在尝试基于 Tensorflow LSTM 模型开发另外一个项目,需要自然语言处理的工具和语料. import ...
    
			
    3. 
						
  3. 使用Keras进行深度学习：（六）LSTM和双向LSTM讲解及实践
			
    欢迎大家关注我们的网站和系列教程:http://www.tensorflownews.com/,学习更多的机器学习.深度学习的知识! 介绍 长短期记忆(Long Short Term Memory,  ...
    
			
    4. 
						
  4. Nginx打点服务器配置
			
    Nginx打点服务器配置 什么是打点服务器 他的作用是什么 打点服务器就是记录用户行为的服务器 单独从应用独立出来 目的就是为了减轻应用服务器压力 效果如下: 10.0.1.1 - - [05/Feb ...
    
			
    5. 
						
  5. sql select sql查询
			
    select 一.课上练习代码 1 查询所有学生信息 select * from tb_student; select * from tb_teacher; 2 查询所有课程名称及学分(投影和别名)  ...
    
			
    6. 
						
  6. ssh-add和ssh-agent
			
    注: 因为在ssh-agent异常关闭或者新开窗口是会导致ssh-add找不到私钥,导致添加的私钥无效,所以下面使用keychain管理 ssh-add 参数 -l 查看代理中的私钥 -L 查看代理中 ...
    
			
    7. 
						
  7. linux 之虚拟机的安装与介绍
			
    linux 零基础入门1.1linux介绍 操作系统用途: 管理硬件 驱动硬件 管理软件 分配资源1.2 linux的发展unix -> windows ->linuxlinux 免费 开 ...
    
			
    8. 
						
  8. Java项目集成Redis
			
    1.项目pom.xml中添加Jedis依赖 <dependency> <groupId>redis.clients</groupId> <artifactId ...
    
			
    9. 
						
  9. 使用vant的时候，报错：component has been registered but not used以及vant的使用方法总结
			
    使用vant的时候,报错:component has been registered but not used以及vant的使用方法总结 在使用vant的时候. 想按需引入,于是安装了babel-pl ...
    
			
    10. 
						
  10. 《Three.js 入门指南》2.3.1- 照相机 - 正交投影demo
			
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
			
    11.