• Vue3 条件语句

    条件判断

    v-if

    条件判断使用 v-if 指令，指令的表达式返回 true 时才会显示：

    1. <div id="app">
    2.     <p v-if="seen">现在你看到我了</p>
    3. </div>
    4.     
    5. <script>
    6. const app = {
    7.   data() {
    8.     return {
    9.       seen: true /* 改为false，信息就无法显示 */
    10.     }
    11.   }
    12. }
    13.  
    14. Vue.createApp(app).mount('#app')
    15. </script>

    这里

    ， v-if 指令将根据表达式 seen 的值( true 或 false )来决定是否插入 p 元素。

    因为 v-if 是一个指令，所以必须将它添加到一个元素上。如果是多个元素，可以包裹在