基础数据绑定
1、
<!-- xxx.swan -->
<view>
Hello My {{ name }}
</view>
2、
// xxx.js
Page({
data: {
name: 'SWAN'
}
});
循环
开发者可以通过在元素上添加s-for指令，来渲染一个列表：
语法
1、
<view>
<view s-for="p in persons">
{{p.name}}
</view>
</view>
2、
Page({
data: {
persons: [
{name: 'superman'},
{name: 'spiderman'}
]
}
});
条件
开发者可以通过在元素上添加s-if指令，来在视图层进行逻辑判断：
1、
<view s-if="is4G">4G</view>
<view s-elif="isWifi">Wifi</view>
<view s-else>Other</view>
2、
Page({
data: {
is4G: true,
isWifi: false
}
});
阅读本文的人还可以阅读：
百度小程序入口有哪些？哪里可以进入百度小程序？
百度小程序开源联盟是什么
百度小程序的流量为什么那么高，小程序如何引流？
怎样做好百度小程序体验设计（1）
