zoukankan      html  css  js  c++  java
  • vue.js第七课

    条件渲染
    v-if
    template v-if
    v-show
    v-else
    v-if 与 v-show
     
    handlebars.js
    1、v-if
    如果我们想一次 控制 多个元素呢?
    我们可以吧一个<template>元素当做包装元素,并在上面使用v-if。

    2、 v-show
    <h1 v-show="ok">hello!</h1>
     
    v-if与v-show的不同:
    第一:v-if是选择性渲染,true才渲染;而v-show始终渲染,只是控制display的可见性。
    第二:v-if支持template控制多个元素;而v-show不支持template。
    3、v-else
    (1)v-else元素必须 立即跟在 v-if 或者 v-show元素的后面——否则不会被识别。
    v-else指令,必须跟v-if或者v-show成对使用。
     
    (2)一般来说 要是频繁切换用v-show,如果 在运行时条件不大可能改 为v-if较好。
    (3)v-if不支持 嵌套
     
  • 相关阅读:
    理解HTTP幂等性
    企业技术树
    数据库MySQL-Oracle-DB2-SQLServer分页查询
    Redis安装教程
    Redis VS Memcached
    Redis简介
    Redis系列文章导读
    坐标轴
    图例
    画网格
  • 原文地址:https://www.cnblogs.com/gaidalou/p/6256485.html
Copyright © 2011-2022 走看看