利用mpvue開發微信小程式

2022-07-30 02:51:12 字數 991 閱讀 2670

mpvue是由美團研發的乙個使用 vue.js 開發小程式的前端框架。框架基於vue.js核心,mpvue修改了vue.js的 runtime 和 compiler 實現,使其可以執行在小程式環境中,從而為小程式開發引入了整套vue.js開發體驗。小程式的時間案例有美團酒旅、餐飲、到店、金融等業務接入。大家可以直接點選這裡去mpvue官網學習下。

下面我給大家先介紹如何用mpvue快速建立小程式,在建立小程式之前大家首先需要去申請乙個小程式賬號,具體申請細則看這裡

1 # 全域性安裝 vue-cli

2 npm install --global vue-cli

3 # 建立乙個基於 mpvue-quickstart 模板的新專案

4 vue init mpvue/mpvue-quickstart my-project56

# 安裝依賴

7 cd my-project

8npm install

9啟動構建

然後新增專案,選擇專案目錄為剛才建立的專案目錄,開啟就好

到這裡整個小程式專案建立完成,接下來就是小程式開發,給大家看一下mpvue建立的小程式目錄結構

小程式開發用到的所有api請看這裡。學會了吧,請開始你的小程式開發之旅吧

微信小程式開發

一 開發準備 二 開發工具的使用 編碼目錄結構 1 wxml的功能 資料繫結 資料繫結使用 mustache 語法 雙大括號 將變數包起來。列表渲染 wx for 在元件上使用 wx for 控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。block wx for 類似 block w...

微信小程式開發 微信繫結

官方api提供的request請求的url wx.login 請求引數 傳送請求 解析相應內容 換成json物件 jsonobject json jsonobject.fromobject sr 獲取會話金鑰 session key string session key json.get sessi...

微信小程式 開發列表

一.知識點 tip wx for array 可以等於引數名,在js中呼叫 page 獲取值 也可以直接把wx for 把值放在上面 1.在元件上使用wx for控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。預設陣列的當前項的下標變數名預設為index,陣列當前項的變數名預設為ite...