微信小程式 邏輯層

2022-05-03 21:24:06 字數 1017 閱讀 8880

初始資料

data 是頁面第一次渲染使用的初始資料

因為頁面載入時,data將會以json 字串的形式由邏輯層傳到渲染層,因此data 中的資料必須時可以轉成 json 的型別:字串、數字、布林值、物件、陣列

同大多數 mvvm 框架語言一樣,也可以實現邏輯層到渲染層的雙向繫結。

生命週期**函式

有 onload(object)、onshow()、onready()、onhide()、onunload()

頁面事件處理函式

onpulldownrefresh()、onreachbottom()、onpagescroll(object)

元件事件處理函式

就是渲染層的執行事件,點選之類的

route

當前頁面的路徑,型別為 string

page(

})setdata

page.prototype.setdata(object data, function callback)

setdata 函式用於將資料從邏輯層傳送到檢視層(非同步),同時改變對應的 this.data 的值(同步)

頁面生命週期

有一句在vue裡面看到的話

以下內容你不需要立馬完全弄明白,不過以後它會有幫助

4. 路由

在小程式中所有頁面的路由全部由框架進行管理。

頁面棧框架以棧的形式維護了當前的所有頁面。當發生路由切換的時候,頁面棧表現各不相同

初始化:新頁面入棧

開啟新頁面:新頁面入棧

頁面重定向:當前頁面出棧,新頁面入棧

頁面返回:頁面不斷出棧,知道目標返回頁

tab切換:頁面全部出棧,只留下新的tab頁面

重載入:頁面全部出棧,只留下新的頁面

getcurrentpages()

此函式可以獲取當前頁面棧的例項,以陣列的形式按棧的順序給出,第乙個元素為首頁,最後乙個元素為當前頁面。

路由方式

路由的觸發和小程式生命週期處處相關哦

6. api

各種api

微信小程式 邏輯與介面分離結構

學習之路 ui元件 基本元件 icon 圖示 type 用於指定型別 success,success no circle,info,warn,waiting,cancel,download,search,clear size 用於指定大小 預設20 color 用於指定顏色 與css一樣 text ...

微信小程式的登入邏輯

2 將code 授權登入引數 標識不同的小程式 傳給後端獲取openid,unionid,customertel。儲存openid支付時使用。3 1 返回了customertel 後端根據unionid查詢到有繫結關係的customertel返回給前端 可判斷為註冊過的老使用者 前端再呼叫登入介面獲...

小程式學習(三)小程式邏輯層的註冊程式和場景值

之前學習了小程式的基本架構和檔案的型別,然後再參照官方的dome,對小程式也有了一些了解。下面了解一下小程式框架的邏輯層。小程式的邏輯層主要包含以下幾個點 1 註冊程式 2 場景值 3 註冊頁面 4 路由 5 模組化 6 api 一 註冊程式 ojbect的常用引數有 屬性型別 描述觸發時機 onl...