vue.js使用控制显示实现显示与隐藏功能示例

本文实例讲述了vue.js使用控制显示实现显示与隐藏功能。分享给大家供大家参考，具体如下：

！doctype html html lang=' en ' head meta charset=' UTF-8 ' meta name=' viewport ' content=' width=device-width，user-scalable=no，初始比例=1.0,最大比例=1.0,最小比例=1.0 ' meta http-equiv=' X-UA-Compatible '内容=' ie=edge '标题文档/标题！-vue。js-script src=' http :https://cdn。bootscs。com/vue/2。5 .16/vue。量滴js '/script/headdydiv id=' app ' p v-if=' show '显示这段文本/p/div/body/htmlscript /当数据显示的值为真实的时，p元素会被插入，为错误的时会被移除var myDATa={ show : true }；var app=new Vue({ el:'#app '，data:myData，})/script此处的控制显示判断显示为没错，正常显示P元素文本，如下图所示：

希望本文所述对大家vue.js程序设计有所帮助。