废话不多讲，直接上代码
<script src="./vue.js"></script>
<style>
div.app{width: 250px;
margin: 30px auto;
padding: 10px;
border: 1px solid #0ff;
border-radius: 15px;}
p{text-align: center;}
</style>
</head>
<body>
<div id="app">
<p>
<input type="text" placeholder="蛇皮游戏" v-model="guessed">
</p>
<p>{{result}}</p>
</div>
<script>
let vm = new Vue({el:"#app",
data:{guessed:''},
computed:{result(){const key = 87;
const value = parseInt(this.guessed);//如果输入的数字不能转换成整数
if(isNaN(value))return"踩一个1到100的整数";
if(value === key)return"叼毛，你猜对了";
if(value > key)return "大了，小点";
return "小了，大点";}}
})
</script>
</body>
然后是效果图
扫一扫
1329
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
