微信小程序Day2-js文件学习写方法

data：包含数据的数组

 wxml：

 

调试器中

 

事件（如在button中添加事件）

 wxml代码示例：

<button type="primary" bind:tap="btnTapHandler">按钮</button>

<button type="primary" bind:tap="changeCount">+1</button>　　//bind:tap：事件方法名（函数方法在js文件中实现）

<button type="primary" bnd:tap="btntap2" data-info="{{2}}">+2</button> //data-info：赋值 （若是data-info=“{{2}}”，则是整形　　若是data-info=“2 ，则是字符串）

<input bindinput="inputHandler"></input>//输入文本

<input value="{{msg}}" bindinput="iptHandler"></input>//文本中有文字

 

js文件：

在js文件Page中data定义count和msg

 再定义wxml中类名的函数方法

this.setData：调用data数据中count方法

count: this.data.count + 1（类似于count=count + 1）

count:this.data.count + e.target.dataset.info（调用data-info="{{2}}再加上data中count）

此处e全名event，是一个数组，包含多种数据名，可通过console.log(e)查看数据

 

input组件js文件

 

wxss代码示例：