微信小程式框架wepy筆記

全域性安裝或更新wepy命令列工具

npm install wepy-cli -g

在開發目錄中生成demo開發專案, 1.7.0之後版本請移步wepy-cli文件

wepy new

myproject

1.7.0之後的版本使用 wepy init standard myproject 初始化專案，使用 wepy list 檢視專案模板

切換至專案目錄

cd myproject

安裝依賴

npm  install

開啟實時編譯

wepy build --watch

import

'wepy-async-function'
export
default
class
constructor()
}

在actions中request就可以使用promise了：

export

const getlistdata =
createaction
(type_name
,(param)
=>})
.then
((res)
=>).
catch
((error)
=>)}
)})

在根目錄的eslintrc.js中加上globals:

module.exports =

,...
}

在types中定義所有非同步或者非非同步的資料，以及函式名

在reducers中定義對非非同步資料的操作，以及對types中變數的賦值

在actions中定義對非同步資料的操作

注：在reducers中需要注意物件的賦值，返回的物件需要是乙個全新的物件，這就意味著不能直接改變原物件並返回，而是要建立乙個新的物件並返回

在page中引入 connect getstore

connect： 用來連線狀態機，獲取裡面的值

getstore： 用來例項化store，之後就可以使用dispatch

// 引入connect getstore

import
from
'wepy-redux'
// 引入actions中定義的請求
import
from
'../store/actions'
// 建立連線
@connect(}
,)// 例項化store
const store =
getstore()
export
default
class
index
extends
wepy.page
store.
dispatch
(getlistdata
(param))}
//------- 自定義方法 結束 -------
onload()
}

筆記 微信小程式框架分析

資料繫結 控制屬性繫結 if語句條件判斷 關鍵字的繫結 不能直接寫checked false 可以在 中進行數 算 d 邏輯判斷 length 5 字串運算 資料路徑運算 因為wx if是乙個控制屬性，需要將它新增到乙個標籤上。但是，如果我們想要一次判斷多個元件標籤，則可以使用乙個標籤將多個元件包裝...

使用wepy框架開發時 建立微信小程式專案

1.首先 在桌面 自己選定目錄下 新建乙個資料夾，注意需要使用英文名。2.cd中 進入到該檔案目錄下 3.安裝 wepy 命令列工具。npm install wepy cli g 4.在開發目錄生成開發demo。wepy new myproject 或1.7版本後執行wepy init standa...

微信小程式筆記

目錄結構 1.列表渲染 陣列物件都可以 預設陣列的當前項的下標變數名預設為index，陣列當前項的變數名預設為item wx for index index wx for item item 如果是單層渲染，沒有巢狀的話 可以直接省略這個繫結 for page 物件迴圈 2.條件渲染 初始消耗小 切...