Vue.js学习记录在元素和模板中使用v-if指令的例子

本文主要介绍了Vue.js在元素和模板中使用v-if指令的相关内容，并分享给大家参考和学习。我们来看看详细的介绍：

语法简单，代码直接：

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www . w3 . org/TR/HTML 4/loose . DTD ' HTML head Title/Title script src=' http :https://cdn . bootscs.com/vue/2 . 2 . 2/vue . min . js '/script/head dydivided=' wangtouzhidaemo ' PV-if=' instruction ' in vue . js，If判决如果为false，/p模板v-if='show1' p我是show1，默认打开(true)；如果设置为false，我将不会显示它！/p/template template v-if=' show2 ' p我是show 2，默认关闭。当您将show2的值设置为true时，将显示我！/p/template/div script new vue({ El : ' # wangtuzhijiademo '，data: {instruction3360 true，show1: true，show 23360 false } })/script/body/html true打开，false关闭。

有兴趣的可以尝试将show2:的false改为true，可以看到两条消息，如下所示：

在Vue.js中，判断语句为真时可以显示信息，为假时不显示

我是show1，默认开启(真)，你设置为false我就不显示了！

我是show2，默认关闭。当您将show2的值设置为true时，将显示我！

摘要

以上就是本文的全部内容。希望本文的内容能给你的学习或工作带来一些帮助。有问题可以留言交流。谢谢你的支持。