wepy

經過快速入門指南，能夠快速的進行初級開發了，其中介紹包括事件，以及開發者工具的配置。

https://juejin.im/entry/59c86d9c6fb9a00a6436cfc0

①經過wepy new project 建立新的項目後，發現用的是less預編譯器，如何改成sass？

在wepy.config.js文件中

而後npm install wepy-compiler-sass -dev --save 安裝就能夠使用sass來編碼了

 連接： https://www.cnblogs.com/fayin/p/7655620.html

②循環組件repeat的坑

1.由於靜態編譯的機制問題，多個repeat也是一個實例，因此只執行一次onload，致使沒法在組件內部經過js對其數據進行處理；

解決方案：在父組件中將其處理好，而後經過傳一個對象給子組件，若是須要修改，經過直接改父組件的數據並調用this.$apply()便可；（wepy2.x會解決）

2.不可:prop.syns="object.key"來二級傳參，可經過採用computed屬性來解決這個問題

3.在組件內，由於是異步的問題，在onload中沒法經過this.prop來獲取數據，能夠經過延時函數來解決（setTimeout）

4.組件傳佈爾值獲取不到（prop="boolean"）

解決方案：type定義爲String, 靜態類型傳值只能爲String， 沒有Object, Number, Boolean之類 的。

5 欣慰的是，repeat循環組件後，在組件內的事件的傳參是正確的，因此能夠使用。

③input組件中value的雙向綁定問題

1 <input class="right" value="{{inputValue}}" bindinput="enterInput" bindconfirm="sendMessage" confirm-type="send" focus="true" placeholder="我來講兩句:)" placeholder-style="color: #999; font-size: 24rpx;"/>

1 enterInput(event){
2       this.inputValue = event.detail.value;
3 }

必定要加bindinput事件，否則inputValue的值不會變，致使輸入字符後沒法經過設置this.inputValue='';來清空輸入框