一、事件綁定

        bindtap

 <button class="weui-btn" type="default" bindtap="openConfirm">Confirm Dialog</button>
 <button class="weui-btn" type="default" bindtap="openAlert">Alert Dialog</button>

二、樣式導(dǎo)入

        @import

@import 'style/weui.wxss';

三、列表渲染

        wx:for

Page({
  items: [{
    message: 'foo',
  },{
    message: 'bar'
  }]
})

<view wx:for="{{items}}" wx:for-index="index" wx:for-item="item">
  {{index}}: {{item.message}}
</view>

        block wx:for

<block wx:for="{{[1, 2, 3]}}">
  <view> {{index}}: </view>
  <view> {{item}} </view>
</block>

四、模塊化

定義：

// common.js

function sayHello() {
    console.log("hello");
}

module.exports = {
   sayHello:sayHello
}

引用：

//index.js

const common = require("../../utils/common.js");

function say() {
    common.sayHello();
}

五、8大組件

1.  視圖容器
2.  基礎(chǔ)內(nèi)容
3.  表單組件
4.  操作反饋
5.  導(dǎo)航
6.  媒體組件
7.  地圖
8.  畫(huà)布

六、三個(gè)文件

1. app.js
2. app.json
3. app.wxss