3--小程序核心知识数据绑定与事件交互

小程序核心知识数据绑定与事件交互

数据绑定的概念

mustache语法（双大括号）

{{number+5}}

单项数据绑定

---------------------------

动态数据绑定

小程序数据的获取和赋值

小程序data赋值

this.setData(对象)

获取data的值

this.data.(key值)

---------------------------

小程序的条件渲染

wx:if为true显示元素，为false不显示元素

---------------------------

小程序的列表渲染

wx:for绑定数组，wx:for-item值为当前项目的变量名，wx:for-index值为当前下标的变量名

---------------------------

小程序绑定事件与事件交互

在元素上绑定事件以及事件交互

bind+事件

需要在js里写对应的方法

单击事件

触摸移动

长按触发

---------------------------

小程序事件机制---catch与bind

catch与bind事件机制

bind会应用到冒泡机制，catch会阻止事件冒泡

捕获阶段和冒泡阶段

捕获阶段的bind与catch，绑定事件需要加上冒号