Component構造器可用于定義組件，調用Component構造器時可以指定組件的屬性、數據、方法等。
詳細api請點擊：[鏈接](https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/component.html?search-key=%E7%BB%84%E4%BB%B6%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F)
~~~
Component({
/**
* 組件的屬性列表
*/
properties: {
},
/**
* 組件的初始數據
*/
data: {
},
/**
* 組件的方法列表
*/
methods: {
},
/**
* 在組件實例進入頁面節點樹時執行，注意此時不能調用
*/
created(){
},
/**
* 在組件實例進入頁面節點樹時執行
*/
attached(){
},
/**
* 在組件布局完成后執行，此時可以獲取節點信息（使用 SelectorQuery ）
*/
ready(){
},
/**
* 在組件實例被移動到節點樹另一個位置時執行
*/
moved(){
},
/**
* 在組件實例被從頁面節點樹移除時執行
*/
detached(){
}
})
~~~
- 小程序環境配置
- 1.生命周期
- 頁面生命周期
- 組件生命周期
- 2.小程序組件
- 點擊事件bindtap|catchtap
- swiper輪播
- wx:for循環
- 播放音樂
- map
- tabBar底部頁面切換
- scroll-view可滾動視圖區域。
- web-view裝載顯示網頁
- priviewImage新頁面預覽照片
- chooseImage本地選擇照片
- onReachBottom上拉刷新，加載等待條
- setStorage緩存
- showToast彈出提示框
- slot父組件wxml傳遞到子組件
- form表單
- 小程序.wxs，方法在.wxml調用
- 3.組件前身：模板、模板傳參
- 4.自定義組件、組件傳參|傳wxss|wxml代碼
- 5.小程序正則
- 6.小程序頁面跳轉
- 7.open-type 微信開放功能
- 實例
- 1.第一個實例 hello world
- 2.第二個實例豆瓣電影數據渲染
- 豆瓣1.0基本版
- 豆瓣2.0升級版
- 豆瓣3.0豪華版
- 3.第三個實例多接口在同一頁面使用
- HTTP封裝
- 基礎報錯提示，類式封裝
- Promise回調，類式封裝