vue的v_if小练习

来源:互联网 发布:女鞋淘宝英文店名 编辑:程序博客网 时间:2024/06/05 03:48
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="vue.js" ></script></head><body><div id="app">          <p>请输入成绩然后会显示对应的等级</p>         <p v-if="s>=90">优秀</p>         <p v-else-if="s>=75">良</p>         <p v-else-if="s>=60">合格</p>         <p v-else>不合格</p>              <p v-if='height>190'>{{height}}</p> <input type="text"  v-model="s" ></div><script type="text/javascript">new Vue({el:'#app',data:{s:71,height:180}})</script></body></html>

原创粉丝点击