百度智能小程序开发实例 第1篇
智能小程序中提供了丰富多样的组件，开发者可以在 .swan 文件中，使用组件开始完成自己的智能小程序页面。
组件示例：
1、view：视图容器（相当于html中的div，用来当作包裹容器，每个view独占一行）
text：放文本的元素（相当于html中的span，用来放置文本，在同一行显示）
2、rich-text：富文本（可用于解析包含html标签的文本）
输出结果为：这是一个span标签高亮
3、input输入框
以上例子为最常用的布局组件，其他根据开发所需自行看开发文档，文档中均会提供使用例子，基本使用方法与如上例子无异。
百度智能小程序开发实例 第2篇
API示例：
1.、request：发起网络请求（请求接口数据）
(this)打印结果
2.、navigateTo：跳转到某个页面（相当于路由）
3、showToast：显示消息提示框（提示消息）
以上例子为最常用的API方法，其他根据开发所需自行看开发文档，文档中均会提供使用例子，基本使用方法与如上例子无异。
看完之后应该能够实现一个简单的布局效果。
百度智能小程序开发实例 第3篇
1、目录结构
2、配置界面、路径
可以通过配置 文件，设置 SWAN 的界面、路径、多 TAB 等。
3、了解生命周期，常用的一般是onLoad，页面加载完成的时候触发,相当于vue中的mounted，比如请求数据的方法在vue中mounted里调用，而小程序中则在onLoad中调用
4、事件处理函数
然而带值给方法 ：@click=_tapAction (index, item) _ 小程序：bind:tap=_tapAction_ data-index=_{{index}}_ data-item=_{{item}}_ (格式为：data-自定义命名=_{{所需要带给方法的值}}_)
附上图：