公司要開發(fā)小程序，之前用慣了vue里面各種組件化，于是嘗試在小程序里也嘗試用組件化開發(fā)，官網(wǎng)的文檔實在簡單，網(wǎng)上找了個demo，照著方法基本可以實現(xiàn)，先記錄一下。
先上效果圖。
屏幕快照 2018-03-16 下午3.58.45.png
首先需要新建components,再右鍵新建component,輸入對應(yīng)的組件名稱
屏幕快照 2018-03-16 下午4.01.19.png
在popLogin.json配置如下
{ "component": true, "usingComponents": {} }pop.wxml和popLogin.wxss跟普通的寫法一樣，不累贅。
重點是組件通信，跟vue的組件通信很像，prop進行父組件向子組件傳值，而子組件向父組件傳值采用triggerEvent，
this.triggerEvent("loginStatus",{'isLogin':true});父組件向子組件傳值采用properties,跟vue的props很像
properties: { //傳值標題 title: { // 屬性名 type: String, // 類型（必填），目前接受的類型包括：String, Number, Boolean, Object, Array, null（表示任意類型） value: '標題' // 屬性初始值（可選），如果未指定則會根據(jù)類型選擇一個 }, },index.json配置component
"usingComponents": { "popLogin": "/components/PopLogin/popLogin" }然后調(diào)用就可以了，具體項目上都有。
具體項目放到github上了
