vue——v-if、v-else用法

当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或者是负值，那页面中则会显示“墨染”。