04 wepy框架搭建

wepy官方文件：

# 1.安裝wepy-cli

npm 
install wepy-cli -g
# 2.利用wepy-cli建立專案
wepy init standard myproject# 3
.切換目錄：
cd myproject# 4
.安裝依賴包
npm 
install# 5
.開啟開發模式
npm run dev

src目錄下有components、mixins、pages三個目錄。其中components存放元件，元件可以根據業務需要定義；mixins存放混合（混入），可放一些頁面通用方法，pages下存放頁面。

開啟小程式的開發者工具，然後選擇資料夾時候，選擇dist目錄即可。

這裡要注意：

關閉前三個。wepy框架內建babel工具，會將es6轉為es5，且支援自動壓縮。勾選這些專案可能導致報錯。

效果如圖所示:

wepy框架使用

今天使用wepy框架，發現和vue，react還是有很大區別的，在此聊下元件傳值方面的問題 1 寫乙個mp cell元件，然後動態傳值，一般我們要傳入的值是從後台取回來的會放到乙個物件中，此時按照下面傳值是不成功的，除非把name掛在data上，也即name tom 在傳入name。這樣太麻煩了。2...

wepy框架的isPlainObject函式

該函式是判斷乙個物件是否是plain object，plain object指的是以字面量方式 new object方式或者object.create null 方式生成的物件。isplainobject obj proto object.getprototypeof obj 驗證object.cr...

微信小程式框架wepy筆記

全域性安裝或更新wepy命令列工具 npm install wepy cli g在開發目錄中生成demo開發專案,1.7.0之後版本請移步wepy cli文件 wepy new myproject1.7.0之後的版本使用 wepy init standard myproject 初始化專案，使用 w...