计算机网络/计算机科学与应用/系统/运维/开发

Vue3.x系列-内置指令v-show

v-show 根据值来切换元素 display css属性,显示或隐藏元素,条件变化,自动触发结果

<body>
    <div id="app">
        <p v-show="ok">西瓜</p>
        <p v-show="no">苹果</p>
        <p v-show="num >= 1000">库存充足</p>
    </div>
    <script src="https://unpkg.com/vue@next"></script>
    <script>
       const vm = Vue.createApp({
            data(){
                return {
                    ok:true,
                    no:false,
                    num:1000
                }
            }
       }).mount("#app");
    </script>
</body>


image.png

生活的强者,不是指能搞定一切困难,也不是指没有恐惧,而是就算心里藏着无尽的疲惫和委屈,还是会认真地做好手头上的事情;就算自己被生活锤得心灰意冷,还是会尽心尽力地负起责任;就算发现现实与理想的差距有十万里,虽然鞭长莫及,却依然马不停蹄。

评论

^