mpvue寫一個CPASS小程序的示例-創(chuàng)新互聯(lián)

mpvue 是什么

創(chuàng)新互聯(lián)公司專注于平潭企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè),商城建設(shè)。平潭網(wǎng)站建設(shè)公司,為平潭等地區(qū)提供建站服務(wù)。全流程按需制作網(wǎng)站，專業(yè)設(shè)計，全程項目跟蹤，創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

1、一套定位于開發(fā)小程序的前端開發(fā)框架，核心目標(biāo)是提高開發(fā)效率，增強(qiáng)開發(fā)體驗；
2、框架提供了完整的Vue.js 開發(fā)體驗，開發(fā)者編寫Vue.js代碼，mpvue將其解析轉(zhuǎn)換為小程序并確保其正確運(yùn)行；
3、框架還通過 vue-cli 工具向開發(fā)者提供 quick start 示例代碼，開發(fā)者只需要執(zhí)行一條簡單命令，即可獲得運(yùn)行的項目；

小程序開發(fā)階段面臨的主要問題

1、組件化機(jī)制不夠完善
2、代碼多端復(fù)用能力欠缺
3、小程序框架和團(tuán)隊技術(shù)棧無法有機(jī)結(jié)合
4、小程序?qū)W習(xí)成本不夠低

使用Vue.js 開發(fā)小程序，帶來如下開發(fā)效率提升

1、H5代碼可以通過最小修改復(fù)用到小程序；
2、使用Vue.js 組件機(jī)制開發(fā)小程序，可實現(xiàn)小程序和H5組件復(fù)用；
3、技術(shù)棧統(tǒng)一后小程序?qū)W習(xí)成本降低，開發(fā)者從H5 轉(zhuǎn)換到小程序不需要更多學(xué)習(xí)；
4、Vue.js 代碼可以讓所有前端直接參與開發(fā)維護(hù)

Vue.js 與 小程序 的聯(lián)系

1、一致的工作原理：都是典型的邏輯視圖層框架，邏輯層和視圖層之間的工作方式為：數(shù)據(jù)變更驅(qū)動視圖更新；視圖交互觸發(fā)事件，事件響應(yīng)函數(shù)修改數(shù)據(jù)再次觸發(fā)視圖更新。

mpVue 實現(xiàn)原理

本文是對CPASS項目的技術(shù)要點和所踩的坑做一些總結(jié)。

項目

一個提供移動辦公場地的小程序平臺。

使用美團(tuán)mpvue框架， mpvue：1.0.13, mpvue-loader：1.0.15

靜態(tài)資源（除了tabbar圖標(biāo)）放在阿里云oss

組件（頁面）間通信

四種方式：

1. Vuex狀態(tài)管理（mapActions，mapGetters）
2. 本地緩存（setStorage，getStorage，removeStorage）
3. Bus集中式的事件中間件（$emit，$on，$off）
4. 路由query傳值

這里說一下比較少用的第三種通信方式。Bus應(yīng)用于非父子組件通信，利用$emit，$on，$off分別來分發(fā)、監(jiān)聽、取消監(jiān)聽。

第一步：在mixins（混合）建一個文件event-bus.js

import Vue from 'vue';
export default new Vue();

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

本文標(biāo)題：mpvue寫一個CPASS小程序的示例-創(chuàng)新互聯(lián)
本文地址：http://muchs.cn/article46/dhijhg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、App開發(fā)、軟件開發(fā)、移動網(wǎng)站建設(shè)、建站公司、手機(jī)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)