VUE学习笔记007 v-if/v-else-if 和v-s

<div id="vue-app">

    <h1>v-if

    <button @click="error = !error"> button error

    <button @click="success = !success"> button success

    <p v-if="error">"网络链接错误"

    <p v-else-if="success">"网络链接成功"

    <p v-show="error">"网络链接错误is show"

</div>

 v-if="error" -----------vue中的 error 属性如果为false，则dom中为空，没有占位符

v-show="error" -----------vue中的 error 属性如果为false，则dom中有展位符，显示display：none