微信小程序数据绑定

数据绑定是逻辑与接口分离框架中不可或缺的一部分。

它的功能是将从逻辑层获得的数据通过业务逻辑呈现给接口。小程序和这个基本一样，有什么区别？让我们来看看。

一、作用，数据绑定

小程序规定数据必须放在固定的地方，即页面逻辑层的数据属性中。

页面的逻辑层是页面的js。data:{ //该对象中的所有属性都可以在接口中访问。}

语法：小胡子小胡子语法逻辑判断和三元表达式都可以操作。

1.小胡子语法作用于元素的内容。

逻辑层：

接口：

PS:在界面访问数据时，不需要数据。在这种情况下，您只需要访问数据中的属性名。如上，直接访问消息。

小胡子语法，功能：专门用来输出逻辑层暴露的数据。

2.小胡子语法作用于元素的属性。

除了胡子，你还可以加一些东西。

3.简单逻辑运算

4.字符串拼接

***小程序 wxml 中 属性的值 如果只是在双引号内部，就永远是字符串

1.只是一根绳子

2.小胡子语法小胡子{{}}可用于声明类型值。

默认检查属性为假，可以通过单击选中和取消选中。

check box checked=' true '/checkbox=选中

复选框已选中=“已选中”/复选框=已选中

复选框已选中/复选框=已选中

Ps:效果虽然可以达到，但要排除。因为applet的wxml语法应该遵循html语法，

Html规定属性必须有属性值，属性值要用双引号括起来。

因此，这种方法也是兼容的，但不推荐使用。

check box checked=' asdf '/checkbox=选中(随便写)

复选框已选中=' '/复选框=已选中(空白)

发现：随便写勾选='asdf '，或者如果勾选=' '为空，也可以选择。

因此，在小程序wxml中，如果属性值只在双引号内，它将始终是一个字符串。因此，如果你想有自己的类型，你必须使用'小胡子语法'。

示例：{ {消息2}}

消息是在这个页面的js中定义的数据。

当消息是字符串时，上面的输出是“拼接字符串”

当消息是数字1时，上面的输出是“拼接字符串”

因此，小胡子语法用于声明类型化值。

二、作用，如何在界面调用，逻辑层暴露的函数

首先，看一下。

js中公开了一个函数：

接口：

结论：界面没有显示效果。因此，只能在数据中公开数据成员。

那么，如何调用接口中逻辑层暴露的函数呢？小程序有一个wxs。

Wxs标签类似于html中的脚本标签，可以定义一些内联脚本。