<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./vue.js"></script> </head> <body> <div id="app"> <div v-if="show==='a'">这个是A</div>////////这三个标签必须在一起 <div v-else-if="show==='b'">这个是B</div> <div v-else>这个是others</div> </div> <script> var vm=new Vue({ el:"#app", data:{ show:'a', message:"hello world" } }) </script> </body> </html>