uni-app：學習使用門檻低，vuejs語法，一套程式碼多種編譯方式多個平臺執行，拋開這些相容性不說，單單用來開發小程式也是最佳的選擇

一：下載配置Hbuilder X

新建uni-app專案，包含模板，可選擇支援scss語法

二：專案目錄結構

components: uni-app元件目錄

pages：專案檔案目錄

static：靜態資原始檔（圖片、字型圖示）

wxcomponents: 微信小程式元件目錄

main.js : vue初始化入口檔案

App.vue : 全域性樣式配置

manifest.json : 配置應用名稱、打包資訊等

pages.json : 配置頁面路由等

三：生命週期

應用生命週期：應用生命週期僅可在App.vue中監聽，在其它頁面監聽無效

onLaunch：專案初始化觸發，僅一次

onShow: 顯示頁面時觸發

onHide：關閉頁面後觸發

onError: 出現錯誤時觸發

onUniNViewMessage：對nvue頁面傳送資料時觸發

onUnhandledRejection：對未處理的Promise拒絕事件監聽函式

頁面生命週期：

onLoad: 頁面載入時

onReady: 頁面載入完成

onPullDownRefresh：監聽使用者下拉動作

onTabItemTap: 點選tab時觸發

onPageScroll：監聽頁面滾動

四：路由

uni.navigateTo({ url }) 跳轉到某個頁面，保留當前頁

uni.redirectTo({ url }) 跳轉到某個頁面，關閉當前頁

uni.switchTab({ url }) 跳轉到tabBar,並關閉所有不是tab的頁面

uni.navigateBack() 關閉當前頁，返回上一頁面

五：傳送請求

uni.request({

url,

data,

method,

success

})

六：下拉重新整理

onPullDownRefresh
當把回撥函式作為引數在另一個函式中執行的時候，如果想要確保引數不報錯，在函式體內這麼做：

callBack && callBack（）

七：頁面內跳轉到站外的地址

1、location.href = "https://............."

2、使用標籤