vue的v_if小练习

liu1992452008

于 2017-11-18 11:10:48 发布

阅读量248

点赞数

分类专栏： vuejs

本文链接：https://blog.youkuaiyun.com/liu1992452008/article/details/78567450

版权

vuejs 专栏收录该内容

34 篇文章

订阅专栏

<!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>