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

条件渲染

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

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

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

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

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

  1. <h1 v-if="handwome">yanggb is handsome!</h1>
  2. <h1 v-else>oh no
  3. vue2.x学习笔记(七)的更多相关文章

      1. (转)Qt Model/View 学习笔记 (七)——Delegate类
      1. Qt Model/View 学习笔记 (七) Delegate  类 概念 与MVC模式不同,model/view结构没有用于与用户交互的完全独立的组件.一般来讲, view负责把数据展示 给用户,也 ...

      1. Learning ROS for Robotics Programming Second Edition学习笔记(七) indigo PCL xtion pro live
      1. 中文译著已经出版,详情请参考:http://blog.csdn.net/ZhangRelay/article/category/6506865 Learning ROS forRobotics Pro ...

      1. Typescript 学习笔记七:泛型
      1. 中文网:https://www.tslang.cn/ 官网:http://www.typescriptlang.org/ 目录: Typescript 学习笔记一:介绍.安装.编译 Typescrip ...

      1. vue2.0学习笔记之路由(二)路由嵌套+动画
      1. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

      1. vue2.0学习笔记之路由(二)路由嵌套
      1. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

      1. python3.4学习笔记(七) 学习网站博客推荐
      1. python3.4学习笔记(七) 学习网站博客推荐 深入 Python 3http://sebug.net/paper/books/dive-into-python3/<深入 Python 3& ...

      1. Go语言学习笔记七: 函数
      1. Go语言学习笔记七: 函数 Go语言有函数还有方法,神奇不.这有点像python了. 函数定义 func function_name( [parameter list] ) [return_types ...

      1. iOS 学习笔记七 【博爱手把手教你使用2016年gitHub Mac客户端】
      1. iOS 学习笔记七 [博爱手把手教你使用gitHub客户端] 第一步:首先下载git客户端 链接:https://desktop.github.com 第二步:fork 大神的代码[这里以我的代码为例 ...

      1. 【opencv学习笔记七】访问图像中的像素与图像亮度对比度调整
      1. 今天我们来看一下如何访问图像的像素,以及如何改变图像的亮度与对比度. 在之前我们先来看一下图像矩阵数据的排列方式.我们以一个简单的矩阵来说明: 对单通道图像排列如下: 对于双通道图像排列如下: 那么对 ...

      1. Linux学习笔记(七) 查询系统
      1. 1.查看命令 (1)man 可以使用 man 命令名称 命令查看某个命令的详细用法,其显示的内容如下: NAME:命令名称 SYNOPSIS:语法 DESCRIPTION:说明 OPTIONS:选项 ...

    1.  
    2. 随机推荐

        1. Hive设置配置参数的方法,列举8个常用配置
        1. Hive设置配置参数的方法 Hive提供三种可以改变环境变量的方法,分别是: (1).修改${HIVE_HOME}/conf/hive-site.xml配置文件: (2).命令行参数: (3).在已经 ...

        1. 阿里开源首个移动AI项目,淘宝同款推理引擎
        1. 淘宝上用的移动AI技术,你也可以用在自己的产品中了. 刚刚,阿里巴巴宣布,开源自家轻量级的深度神经网络推理引擎MNN(Mobile Neural Network),用于在智能手机.IoT设备等端侧加载 ...

        1. Java生鲜电商平台-电商中"再来一单"功能架构与详细设计(APP/小程序)
        1. Java生鲜电商平台-电商中"再来一单"功能架构与详细设计(APP/小程序) 说明:在实际的业务场景中(无论是TO B还是TO C)不管是休闲食品.餐饮.水果.日用百货.母婴等高频 ...

        1. CentOS76 安装k8s1.18的简单步骤
        1. 1. 前提条件就不再详细描写了: 关闭防火墙 升级内核到至少4. 关闭swap 关闭selinux 等 2. 本次安装采用酸酸乳和privoxy的方式进行, 不过发现部分rpm 包还是特别慢,没办法用 ...

        1. 树莓派 zeroWH 使用笔记
        1. 更新raspbian    apt-get update    apt-get upgrade 删除python2    sudo rm /usr/bin/python安装python3    sud ...

        1. USACO07MAR Face The Right Way G 差分
        1. 题目链接 https://www.luogu.com.cn/problem/P2882 分析 这个题来看的话好像有点难下手,不如再去读一遍题 N遍,发现一句话很重要Each time the mach ...

        1. 7行代码搞定WEB服务
        1. 作为一个 Java 程序猿,写代码久了,各种技术也就都尝试了一个遍. 先从 SSH1(Spring.Struts1.Hibernate)摸爬滚打转变到 SSH2(Spring.Struts2.Hibe ...

        1. Unity 游戏框架搭建 2019 (二十七) 弃用的代码警告解决
        1. 在前两篇,我们把所有的示例重头到尾整理了一遍. 当前的状态如下: 要做的事情: (完成) 备份:导出文件,并取一个合理的名字. 遗留问题: (完成) 第八个示例与之前的示例代码重复,功能重复. (完成 ...

        1. python 爬虫之 urllib 实践
        1. 文章更新于:2020-03-19 注:本文参考官方文档进行 urllib 的讲解. 文章目录 一.urllib 模块介绍 1.urllib.request.py模块 (1)`urlopen`函数 (2 ...

        1. django-filter的基本使用
        1. django-filter 查询 创建model和视图 from django.db import models # Create your models here. class Student(mo ...