加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

微信小程序 教程之WXML

发布时间:2020-12-14 22:15:05 所属栏目:资源 来源:网络整理
导读:系列文章: WXML WXML(WeiXin Markup Language)是MINA设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。用以下一些简单的例子来看看WXML具有什么能力: 数据绑定 {{message}} // page.jsPage({ data: { message: 'Hello MINA!' }}) 列表

系列文章:

WXML

WXML(WeiXin Markup Language)是MINA设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。 用以下一些简单的例子来看看WXML具有什么能力:

数据绑定

{{message}} // page.js Page({ data: { message: 'Hello MINA!' } })

列表渲染

// page.js Page({ data: { array: [1,2,3,4,5] } })

条件渲染

// page.js Page({ data: { view: 'MINA' } })

模板

<template is="staffName" data="...staffA">
<template is="staffName" data="...staffB">
<template is="staffName" data="...staffC">
// page.js
Page({
data: {
staffA: {firstName: 'Hulk',lastName: 'Hu'},staffB: {firstName: 'Shang',lastName: 'You'},staffC: {firstName: 'Gideon',lastName: 'Lin'}
}
})

事件

Page({ data: { count: 1 },add: function(e) { this.setData({ data: this.data.count + 1 }) } })

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读