3.Vue 条件渲染

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类型的属性。


你可能感兴趣的:(Vue从入门到核心)