- v-if - v-show - v-else ~~~ 实例一： <div id="app"> <!-- isShow和color是js变量 --> <p v-if="isShow" :style="color">hello world</p> <!-- <p v-show="isShow">v-show</p> --> <button @click="handleClick">切换</button> </div> <script> new Vue({ el: "#app", data: { isShow: true, color: { background: "red", } }, methods: { handleClick() { this.isShow = !this.isShow } } }) ~~~ ~~~ 实例二： <div id="app"> <div v-if="show"> 用户名:<input key="user"/> </div> <div v-else> 密码:<input key="pwd"/> </div> </div> <script> var vm = new Vue({ el:"#app", data:{ show:true } }) </script> ~~~