当v-if为true的时候当前节点存在且显示;为false时,删除当前节点;v-else则是在v-if不存在且不显示时显示存在出来。
这样我们就可以利用这个特性做一些东西了
<div id="app">
<div v-if="str>0">三仟</div>
<div v-else>墨染</div>
</div>
new Vue({
el:'#app',
data:{
str:1
}
)}
这种情况下,就是会显示“三仟”,如果此时str等于0或者是负值,那页面中则会显示“墨染”。