返回用vuejs实......登陆

用vuejs实现简单点的加法计算器

Ollie2019-06-07 17:19:56295

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>计算器</title>

</head>

<div id="box">

<div>

<input type="text" v-model="number1">

+

<input type="text" v-model="number2">

<input type="button" v-on:click="count" value="=" name="">

<button @click="count">....</button>

<span>{{And}}</span>

<h3>{{number1}}</h3>

<h3>{{number2}}</h3>

</div>

</div>

<body>

<script src="js/Vue.js"></script>

<script>

new Vue({

el:"#box",

data:{

And:"",

number1:"0",

number2:"0"

},

methods:{

count:function(){

this.And=(this.number1-0)+(this.number2-0)

}

}

})

</script>



</body>

</html>


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网