摘要：目錄項目構(gòu)建文件使用優(yōu)化之處組件通信的使用注意事項報錯記錄踩坑記錄項目構(gòu)建官方文檔地址鏈接項目源碼地址鏈接項目資料地址鏈接簡單介紹是一個微信小程序框架，支持模塊化開發(fā)，開發(fā)風(fēng)格類似。使用的方式請求小程序原生都將化。

wepy項目構(gòu)建

wepy文件使用

wepy優(yōu)化之處

wepy組件通信

wepy的API使用

wepy注意事項

wepy報錯記錄

wepy踩坑記錄

官方文檔地址鏈接
項目源碼地址鏈接
項目資料地址鏈接

簡單介紹：wepy是一個微信小程序框架，支持模塊化開發(fā)，開發(fā)風(fēng)格類似Vue.js。可搭配redux使用，能同時打包出web和小程序。

全局安裝或更新WePY命令行工具

npm install -g wepy-cli

創(chuàng)建項目

wepy init standard my-project[項目名]

PS I:H5WeiXinProgram> wepy init standard wepy-demo
? Project name [wepy-demo]
? AppId [appid]
? Project description [A WePY project]
? Author [author]
? Use ESLint to lint your code? No ---選擇Yes，會對代碼格式校驗
? Use Redux in your project? No ---選擇Yes，可以使用Redux框架語法,目錄會多出store目錄
? Use web transform feature in your project? Yes ---選擇Yes會有index.template.html

切換至項目目錄

cd wepy-demo[項目目錄]

安裝依賴

npm install

開啟實時編譯

npm run dev

構(gòu)建項目完整目錄

// template、style、script三大標(biāo)簽，有l(wèi)ang、src屬性，當(dāng)src屬性存在文件，那么其內(nèi)部代碼會被忽略。
// app.apy小程序入口文件

// pages目錄下存放主頁面，代碼編寫與app.wpy相似，不同之處如下：
// 因為app.wpy不需要template，但pages目錄下的頁面需要
// 在Pages下的頁面實例中，可以通過this.$parent來訪問App實例。
// Page頁面繼承自Component組件，即Page也是組件。除擴展了頁面所特有的config配置以及特有的頁面生命周期函數(shù)之外，
其它屬性和方法與Component一致。

// components目錄下存放組件
// 頁面可以引入組件，而組件還可以引入子組件。