微信小プログラムチュートリアルのWXML
2009 ワード
シリーズ記事:
微信小プログラム教程のWXSS微信小プログラム教程の引用微信小プログラム教程のイベント微信小プログラム教程のテンプレート微信小プログラム教程のリストレンダリング微信小プログラム教程の条件レンダリング微信小プログラム教程のデータバインド微信小プログラム教程のWXML
WXML
WXML(WeiXin Markup Language)はMINAが設計したラベル言語で、基礎コンポーネント、イベントシステムを組み合わせてページの構造を構築することができる.WXMLがどのような能力を持っているかを簡単な例で見てみましょう.
データバインド
リストレンダリング
条件付きレンダリング
かたわく
微信小プログラム教程のWXSS微信小プログラム教程の引用微信小プログラム教程のイベント微信小プログラム教程のテンプレート微信小プログラム教程のリストレンダリング微信小プログラム教程の条件レンダリング微信小プログラム教程のデータバインド微信小プログラム教程のWXML
WXML
WXML(WeiXin Markup Language)はMINAが設計したラベル言語で、基礎コンポーネント、イベントシステムを組み合わせてページの構造を構築することができる.WXMLがどのような能力を持っているかを簡単な例で見てみましょう.
データバインド
{{message}}
// page.js
Page({
data: {
message: 'Hello MINA!'
}
})
リストレンダリング
{{item}}
// page.js
Page({
data: {
array: [1, 2, 3, 4, 5]
}
})
条件付きレンダリング
WEBVIEW
APP
MINA IS NOT APP
// page.js
Page({
data: {
view: 'MINA'
}
})
かたわく
FirstName: {{firstName}}, LastName: {{lastName}}
// page.js
Page({
data: {
staffA: {firstName: 'Hulk', lastName: 'Hu'},
staffB: {firstName: 'Shang', lastName: 'You'},
staffC: {firstName: 'Gideon', lastName: 'Lin'}
}
})
{{count}}
Page({
data: {
count: 1
},
add: function(e) {
this.setData({
data: this.data.count + 1
})
}
})
に して、みんなを けることができることを んで、みんなの に する に します!