微信小程序 加法计算器

1、新建目录calc

2、pages加上

"pages/calc/calc",

3、 calc.wxml

<view class="container">

<input placeholder="老码被加数" bindinput="bindInput1" />

<input placeholder="加数" bindinput="bindInput2" />

<button type="primary" bindtap="bindAdd">计算</button>

<input placeholder="侍蠢哪结果" value="{{result}}" disabled />

</view>

4、calc.wxss

/* pages/calc/calc.wxss */

.container{

justify-content: flex-start

padding: 30rpx 0

}

.container input{

background-color: #eee

border-radius:3px

text-align:left

width:720rpx

height:100rpx

line-height:100rpx

margin:20rpx

}

.container button{

width:80%

}

5、calc.json

{

"navigationBarBackgroundColor":"#00ff00",

"navigationBarTitleText":"加法计算器",

"navigationBarTextStyle"档毁:"white",

"usingComponents": {}

}

6、calc.js

// pages/calc/calc.js

Page({

/**

上篇博客 讲了小程序实现watch机制，这篇介绍如何实现computed计算属性。

小程序的计算属闷握性和Vue.js的不太一样——小程序在.wxml（不是.js）文件中定义（其实是借用wxs标做罩腊签实现的）：

计算属性中很可能要用到 data ，亲测下来似乎引用不到，即不能纯滑通过 this.data.xxx 访问到，可以换种方式实现——在调用的地方，往函数里传递需要使用的data字段，比如：

---