语言类似于vue,建议先学习vue。
小程序分为 app 和 page 两层。app 用来描述整体程序,page 用来描述各个页面。
1.App代表顶层应用,管理所有页面和全局数据,以及提供生命周期方法。
(1)app.js:应用逻辑
(2)app.acss:应用样式(可选)
(3)app.json:应用配置:就是配置路由的地方
App 提供四个事件,可以设置钩子方法。
(1)onLaunch:小程序启动
(2)onShow:小程序切换到前台
(3)onHide:小程序切换到后台
(4)onError: 小程序出错
onLaunch/onShow 方法的参数
属性 类型 描述
query Object 当前小程序的 query
path String 当前小程序的页面地址
该方法可以用于接收上一页面通过url传递的数据
全局数据设置
全局的数据可以在 App() 中设置,各个子页面通过全局函数 getApp() 可以获取全局的应用实例。
app.json配置项如下。
文件 类型 必填 描述
pages String Array 是 设置页面路径
window Object 否 设置默认页面的窗口表现
tabBar Object 否 设置底部 tab 的表现
2.page层
Page代表应用的一个页面,负责页面展示和交互。
page 由四个文件组成,分别是:
文件类型 必填 作用
js 是 页面逻辑
axml 是 页面结构
acss 否 页面样式表
json 否 页面配置
axml写法格式基本和vue一样,只不过有一些特别的需要记一下,还有一些功能axml里面是去掉了的。
如:1.v-if、v-for改成了a:if、a:for;
2.所有的数据写在{{ }}中间
3.没有v-bind双向绑定功能
js就是普通js写法,axml调用的数据放在data对象中,生命周期函数换模不换样,自定义方法也写在page参数中,只不过在方法中修改数据时需要调用this.setData()方法,使用数据时需要调用this.data.你的数据。
acss配置自己的axml页面样式
json配置整体框架页面样式