微信小程序 页面 html 第1篇
实现简单加计算器
如下效果：
代码：
代码：
代码：
事件代码里设置total数据；
进阶，事件传参
通过data- 带参数；
事件里通过获取参数值；
微信搜一搜【java1234】关注这个放荡不羁的程序员，关注后回复【资料】有我准备的一线大厂笔试面试资料以及简历模板。
微信小程序 页面 html 第2篇
我们先来看一下文档中给出的实例，代码如下：
这里要注意一个小问题，这个小问题折磨的我好难受，在HTML页面中可以使用script标签包裹的内容，如上图所示。
但是我使用的是VUE，那这个文件就不是单纯的HTML页面了。使用script标签包裹的内容就显示不出来了。切记。
那该怎么办呢？
使用template标签包裹即可，代码如下所示：
好啦这个问题就解决了。
wx-open-launch-weapp标签的属性值按照官方给出的示例对应填写即可。
微信小程序 页面 html 第3篇
因为 wx:if 之中的模板也可能包含数据绑定，所以当 wx:if 的条件值切换时，框架有一个局部渲染的过程，因为它会确保条件块在切换时销毁或重新渲染。
同时 wx:if 也是惰性的，如果在初始渲染条件为 false，框架什么也不做，在条件第一次变成真的时候才开始局部渲染。