3.Vue 条件渲染

    技术2023-10-29  110

    Hello,我是 Alex 007,一个热爱计算机编程和硬件设计的小白,为啥是007呢?因为叫 Alex 的人太多了,再加上每天007的生活,Alex 007就诞生了。

    3.Vue指令之条件渲染

    这篇文章我们来讲一讲Vue中的指令和条件渲染,指令 (Directives) 是带有 v- 前缀的特殊 attribute,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。v-if 和 v-show 指令用于条件性地渲染一块内容。

    首先来讲讲Vue模板语法中的指令部分,刚才我们说过了,指令是带有 v- 前缀的特殊特性,预期值是单个JavaScript表达式,指定的职责是当表达式的值改变时,将其产生的连带影响响应式的作用于网页中。

    我们来写一段例子,使用v-if指令实现Vue的条件渲染,让p标签是否会被渲染取决于data中的一个bool类型的属性。

    <!DOCTYPE html> Alex 007 认证博客专家 机器学习 NLP TensorFlow 我是 Alex 007,一个热爱计算机编程和硬件设计的小白。为啥是007呢?因为叫 Alex 的人太多了,再加上每天007的生活,Alex 007就诞生了。如果你喜欢我的文章的话,给个三连吧!
    Processed: 0.009, SQL: 9