【金融培训】Web前端学习第10章小程序开发第4章小程序的开发

1、 数据绑定

VUE：当VUE动态绑定变量的变量元素的属性时，将在变量前面添加冒号，例如：

我的标题属性绑定到数据</p>

小程序：当绑定变量的变量元素属性时，它将被两个大括号括起来。如果未将其封闭，则将其视为字符串。

<；/图像>

Vue公司

在VUE循环中，v-for=“数据中的项”或v-for=”数据中的索引“｛item.first｝｝VUE环中的项是随机定义的，可以被其他项替换

1

2
• 3｛｛Item.Message｝4</Li>5

小程序

微信小程序循环wx:for=“｛｛data｝｝”

小程序循环中的｛｛item.first｝｝项是固定的，而不是自己定义的

1页（｛2数据：｛3项：[4｛消息：“Foo”｝，5｛消息消息：“Bar”｝6]7｝8｝）9｛Text wx:for=“｛｛items｝｝”>｛{items}｝

在vue中，使用v-if和v-show来控制元素的显示和隐藏

在小程序中，使用wx if和hidden来控制元素的显示和隐藏

Vue：习惯@event绑定事件，例如：

添加1</按钮>

小程序：使用bindtap绑定事件，例如：

明天不工作</button>

在vue中，绑定事件和传递参数非常简单。您只需要将要传输的数据作为形式参数放置在触发事件的方法中，例如：

1//2 3新Vue（｛4el:“#app”，5方法：｛6说（arg）｛7 consee.Log（arg）8｝9｝10｝）

在小程序中，不能直接调整绑定事件方法中的参数。您需要将参数作为属性值绑定到元素上的数据属性，然后使用e.currentTarget。方法中的数据集*完成参数传输的方法。例如：

1//<；/查看>2页（｛3数据：｛4原因：“”5｝，6批准（e）｛7集合id=e.currentTarget.Dataset.id；8｝9｝）