vue框架进行分数选择：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <div v-if='score>=90'></div> <div v-else-if='sore<90&&score>=80'>良好</div> <div v-else-if='sore<80&&score>=60'>一般</div> <div v-else>比较差</div> <div v-show='flag'>测试v-show</div> <button v-on:click='handle'>点击</button> </div> <script type="text/javascript" src='js/vue.js'></script> <script type="text/javascript"> var vm=new Vue({ el:'#app', data:{ score:10, flag:false }, methods:{ handle: this.flag=!this.flag; } }); </script> </body> </html>
结果：
