根据条件判断真假,再执行显示结果
在选择的节点标签内部,
v-if=“布尔值” v-if=“变量” v-if=“表达式”
v-if="true" v-if="answer" v-if="age>12"
会自动查询data里的对应数据
<!DOCTYPE html> <html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!-- <input type="button" value="点击按钮可以打招呼" @click="cli">--> <input type="button" v-show="true" value="这是真的1" > <input type="button" v-if="true" value="这里是真的2" > <input type="button" v-if="age>12" value="这里是真的3" > <input type="button" v-if="answer" value="这里是真的4" > </div> </body> <!--vue开发环境配置,,,必须要有,没有就会无法运行vue--> <script src="http://cdn.jsdelivr.net/npm/vue/dist/vue.js"> </script> <script> var app1=new Vue({ el:"#app", data:{ age:11, answer:false } }) </script> </html>