钉钉小程序快速上手

语言类似于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配置整体框架页面样式

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值