<!doctypehtml><html><head><metacharset="utf-8"><title></title><metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/><scriptsrc="js/vue.js"></script><style>.show{color:red
}</style></head><body><divid="box"><ul><li><span:class="teaNum==1?'show':''"@click="teaNum=1">奶茶</span><span:class="teaNum==2?'show':''"@click="teaNum=2">冰红茶</span><span:class="teaNum==3?'show':''"@click="teaNum=3">绿茶</span></li><li><span:class="sugarNum==1?'show':''"@click="sugarNum=1">半糖</span><span:class="sugarNum==2?'show':''"@click="sugarNum=2">七分糖</span><span:class="sugarNum==3?'show':''"@click="sugarNum=3">去糖</span></li></ul></div><script>var vm =newVue({el:'#box',data:{show:'show',teaNum:1,sugarNum:1}})</script></body></html>