VueJS学习——条件渲染和列表渲染( 二 )
Click Me
这是H1标签
现在它将做的是,它将检查变量show的值,如果它是真的,将显示h1标签。单击按钮并在浏览器中查看,因为show变量的值更改为false,h1标记不会显示在浏览器中。仅在show变量为true时显示。
以下是浏览器中的显示。
我们看下浏览器中dom的变化情况
变为false时,h1已经不见了
下面是使用了if-else的示例
主要就是这段代码:
这是H1标签
这是H2标签
现在,如果show为true,将显示“这是H1标签”,如果为false,则显示“这是H2标签”。这是我们将在浏览器中获得的内容。
推荐阅读
- viper|英雄联盟:LCK战队接触Viper盼回归,这条件EDG老板真开不起!
- 国服|LOLM:60天内如何从小白打到国服王者?这快捷径方法值得学习
- 三国杀|三国杀“无解”级武将有哪些?这些武将满足条件后便是真正的无敌
- 催眠学习|《催眠学习》PC版,一款教你如何恋爱的游戏,非绅骑步呦!
- 虎牙|哈利波特手游:同流派该如何击败?虎牙小若沐展示细节,值得学习
- 梦幻西游|梦幻西游:一只须弥画魂的励志蜕变史,这才是值得学习人生态度!
- 手机游戏|LOL手游出现第一位顶级主播,直播教学,全是顶级博主来学习
- ag战队|AG终于有大心脏选手了!一诺啊泽自信心全无,这点真要像妖刀学习
- csgo|快来学习CSGO“压枪”?天禄拿下正赛首胜,女主播砸键盘祝贺
- |国内都没上线的游戏,老外倒等不及了,几万人提前学习下载教程