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不支持 嵌套
     
  • 相关阅读:
    006 date find
    005 输出重定向 > >>命令 echo命令 tail命令
    总结,一周,
    mokey 学习
    树状,
    定制,
    萌芽,
    到底为什么,
    会,
    “恋爱”,一路走来,
  • 原文地址:https://www.cnblogs.com/gaidalou/p/6256485.html
Copyright © 2011-2022 走看看