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>