VueJS学习——条件渲染和列表渲染

2019-08-25

介绍

之前一段时间由于工作很忙，没有时间继续学习Vue，今天算是继续对之前的学习进行补充了，今天要学习的便是Vue的条件渲染和列表渲染，我们将讨论if、if-else、if-else-if，show等。在列表渲染中，我们将讨论如何使用for循环。

条件渲染

对于条件渲染，其概念就是满足条件的渲染界面输出，在Vue中借助if，if-else，if-else-if，show等的帮助下完成条件检查,我们首先通过一个实例来解释条件渲染的细节

浏览器效果

在上面的例子中，我们创建了一个按钮和两个带有消息的h1标签。声明了一个名为show的变量，并将其初始化为值true。它显示在按钮附近。在单击按钮时，我们调用方法showdata，它切换变量show的值。这意味着在单击按钮时，变量show的值将从true变为false，false变为true。我们已将if分配给h1标记，如以下代码段所示。

推荐阅读

上一篇：面对鱼目混珠的市场，诺必行经得起严酷检验

下一篇：iQOO首款5G手机上市引来央视报导，低价才是5G普及的一大前提