w3cschool通过本文主要向大家介绍了微信小程序 框架(MINA)等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
微信小程序 框架(MINA)
由 路飞 创建,youj 最后一次修改 2016-09-22 <!-- Thie is our View --> <view> Hello {{name}}! </view> <button bindtap="changeName"> Click me! </button>// This is our App Service.
// This is our data.
var helloData = {
name: 'WeChat'
}
// Register a Page.
Page({
data: helloData,
changeName: function(e) {
// sent data change to view.
this.setData({
name: 'MINA'
})
}
})
- 开发者通过框架将逻辑层数据中的
name
与视图层的name
进行了绑定,所以在页面一打开的时候会显示Hello WeChat!
- 当点击按钮的时候,视图层会发送
changeName
的事件给逻辑层,逻辑层找到对应的事件处理函数 - 逻辑层执行了
setData
的操作,将name从weChat
变为MINA
,因为该数据和视图层已经绑定了,从而视图层会自动响应改变为Hello MINA!
。
页面管理
框架管理了整个小程序的页面路由,可以做到页面间的无缝切换,并给以页面完整的生命周期。开发者需要做的只是将页面的数据,方法,生命周期函数注册进框架中,其他的一切复杂的操作都交由框架处理。
基础组件
框架提供了一套基础的组件,这些组件自带微信风格的样式以及特殊的逻辑,开发者可以通过组合基础组件,创建出强大的微信小程序 。
丰富的API
框架提供丰富的微信原生API,可以方便的调起微信提供的能力,如获取用户信息,本地存储,支付功能等。