<div id="app">
<p v-if="true" style="background-color: blue">{{message}}</p>
<p v-if="false" style="background-color: yellow">{{message}}</p>
<p v-show="true" style="background-color: red">{{message}}</p>
<p v-show="false" style="background-color: orangered">{{message}}</p>
</div>
let vm = new Vue({
el:"#app",
data:{
message:"数据"
}
})
//条件表达式
//v-if = "表达式" 没有该元素
//v-show = "表达式" p display:none
结果.png
v-if&v-show
vue使用注意点-v-if 关于key在v-if中的使用 一般我们在vue中使用v-if的时候不会用加key,而且...
vue.js的v-if,v-on以及methods 解释： v-if:vue的if判断，条件渲染指令；等号后边为条...
v-if有关的面试题目：Vue中的v-show和v-if怎么理解？为什么Vue中的v-if和v-for不建议一起用...
?【Vue】学习养成记，【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-if条件判断 1. v-if指...
npm install vue-template-complier v-if 控制台输出： 解释：v-if 最终被...
什么是Vue Router?Vue Router和v-if/v-show一样，是用来切换组件的显示的v-if/v-...
Vue.js条件与循环 条件判断 v-if指令 条件判断使用v-if指令 在这个例子里，v-if 指令根据表达式 ...
vue基础 Vue 特点 Vue 实例 插值表达式 {{}} 指令: v-bind, v-if, v-for, v...
vue基础 Vue 特点 Vue 实例 插值表达式 {{}} 指令: v-bind, v-if, v-for, v...
本文标题：vue打卡－v-if
本文链接：https://www.haomeiwen.com/subject/dlxvaqtx.html
网友评论