v-if 与v-show区别（v-show是display:none， if是消逝）
v-if与v-else-if v-else使用
v-if中可能出现的dom复用，内容不清空情况，需要在input中加key
<!DOCTYPE html> <html> <title>vue中的条件渲染</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <body><div id="app" > <!-- if --> <div v-if="show === 'a'" > A </div> <div v-else-if="show === 'b'" > B </div> <div v-else > other </div> <!-- show display:none --> <!-- <div v-show="show" > {{message}} --> </div> </div> <script> var vm = new Vue({ el:"#app", data:{ //show:false, show:'a', // message:"hello world" } }) </script> </body> </html>