腾讯云小程序平台框架概述-开发指南-文档中心-腾讯云

小程序开发框架的目标是为开发者提供一种简单、高效的方式，在宿主 App 中开发具有原生 App 体验的服务。为此，框架提供了以下工具和框架：
视图层描述语言 WXML 和 WXSS。
基于 JavaScript 的逻辑层框架。
此外，框架还提供了数据传输和事件系统，以便视图层和逻辑层之间进行通信和交互。这些系统可以帮助开发者更轻松地实现各种功能和交互效果，从而提高开发效率和用户体验。
响应的数据绑定
小程序框架的核心是一个响应式数据绑定系统，它可以简单地保持数据与视图同步。当数据发生变化时，只需在逻辑层进行修改，视图层会自动更新。小程序框架分为两部分：
视图层（View）
逻辑层（App Service）
视图层负责渲染页面，而逻辑层则负责处理业务逻辑和数据操作。两者之间通过数据绑定系统进行通信和交互，从而实现数据和视图的同步更新。
通过如下示例来看：
<!-- This is our View -->
<view>Hello {{name}}!</view>
<button bindtap="changeName">Click me!</button>
// This is our App Service.
// This is our data.
const helloData = {
  name: 'TMF'
}
﻿
// Register a Page.
Page({
  data: helloData,
  changeName(e) {
    // sent data change to view
    this.setData({
      name: 'MINA'
    })
  }
})
开发者通过框架将逻辑层数据中的name与视图层的name进行了绑定，所以在页面一打开的时候会显示Hello TCMPP!。
当单击按钮的时候，视图层会发送changeName的事件给逻辑层，逻辑层找到并执行对应的事件处理函数。
回调函数触发后，逻辑层执行setData的操作，将data中的name从TCMPP变为MINA，因为该数据和视图层已经绑定了，从而视图层会自动改变为Hello MINA!。
页面管理
小程序框架管理了整个小程序的页面路由，可以做到页面间的无缝切换，并给以页面完整的生命周期。开发者只需要将页面的数据、方法、生命周期函数注册到框架中，其他的一切复杂的操作都交由框架处理。
框架可以帮助开发者更轻松地实现页面的管理和切换，从而提高开发效率和用户体验。开发者只需要关注页面的业务逻辑和交互效果，而不必过多关注底层实现细节。
基础组件
框架提供了一套基础的组件，这些组件自带 TMF 风格的样式以及特殊的逻辑，开发者可以通过组合基础组件，创建出强大的 TMF 小程序 。
丰富的 API
框架提供丰富的宿主 App 原生 API，可以方便的调起宿主 App 提供的能力，如获取用户信息，本地存储，支付功能等。
框架概述

本页目录：

响应的数据绑定

页面管理

基础组件

丰富的 API
