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