多应用+插件架构，代码干净，二开方便，首家独创一键云编译技术，文档视频完善，免费商用码云13.8K 广告
~~~ <!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> ~~~