企业🤖AI智能体构建引擎，智能编排和调试，一键部署，支持知识库和私有化部署方案 广告
~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue中的条件渲染</title> <script src="vue.js"></script> </head> <body> <div id="app"> <!-- v-show效率更高点--> <!-- <div v-if="show">{{message}}</div>--> <!-- <div v-show="show">{{message}}</div>--> <!-- <div v-if="show=='a'">this is a</div>--> <!-- <div v-elseif="show1">hei hei {{message}}</div>--> <!-- <div v-else-if="show=='b'">this is b</div>--> <!-- <div v-else>this is others</div>--> <div v-if="show"> 用户名: <input type="text" key="username"> </div> <div v-else> 邮箱名: <input type="text" key="email"> </div> </div> <script> var vm = new Vue({ el: '#app', data: { // show: 'a', show:false, message: 'Hello World' } }); </script> </body> </html> ~~~