Advertisement

Vue Conditional Rendering and Hierarchical Data Analysis Breakdown

阅读量:
复制代码
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    </head>
    <body>
    <!--
         1. 条件渲染
               v-if
               v-else
               v-show
        2.比较v-if与v-show
         如果需要频繁切换v-show较好
     -->
     <div id="demo">
         <p v-if="ok">成功了</p>
         <p v-else>失败了</p>
         <p v-show="ok">表白成功</p>
         <p v-show="!ok">表白失败</p>
    
         <button @click="ok=!ok">切

全部评论 (0)

还没有任何评论哟~