首頁新聞中心新聞詳情

為何要開發小程序，小程序開發容易嗎

發布時間：2019-01-25 15:21:09 瀏覽次數：4463

小程序的出現注定了其不同凡響之處，小程序的出現讓微信成為了超級App，沒有之一。

現在小程序開發怎么樣了？小程序開發還有紅利嗎？到底要不要開發小程序？小程序開發簡單嗎？今天軟多信息就給大家講下關于小程序開發的問題，小程序的優勢，小程序開發難易程度等問題。

我們都知道小程序的起步是非常高的，他在微信App內，也叫微信小程序，所以具備天然的流量入口，這也是用來推廣公司產品的一個絕佳賽道！所以如果想要運營推廣，小程序是必要開發的。

小程序的特點、優勢、及開發制作

小程序的特點：無需下載，用完即走。方便、快速、高效，掃一掃或者搜一下就能打開應用。

小程序解決了用戶手機上App應用的煩惱問題。小程序可以隨時使用，但無需安裝和卸載。

小程序的優勢：免安裝，即開即用，用完就走。坐擁10億用戶，許多商戶已開始入駐小程序，是新零售時代的必備工具。小程序的發展前景很值得看好。

現在，有三種小程序開發方式，微信小程序、美團mpvue和wepy微信小程序開發框架。

QQ圖片20190125133948.png

美團mpvue小程序開發工具，是使用Vue.js開發小程序的前端框架。mpvue 修改了 Vue.js 的runtime 和compiler 實現，能夠在小程序環境中。

mpvue小程序開發工具的同一套代碼能同時在小程序和web端運行，多端可多次使用，如果之前就有vue的開發經驗，可選擇mpvue開發小程序，不用再學習小程序的語法。

下面將介紹如何使用mpvue快速開發一個微信小程序

開發環境：nodejs + vue-cli + 微信開發者工具

vue-cli是vue提供的一個官方的腳手架，使用如下命令：vue init mpvue/mpvue-quickstart my-project快速創建一個基于mpvue-quickstart模板項目，進入my-project執行npm install 和npm run dev后，會生成一個dist目錄，其中是小程序相關的代碼，最后將my-project目錄導入微信開發者工具，一個mpvue項目就啟動了。

QQ圖片20190125134158.png QQ圖片20190125134240.png

其中pages目錄下面是小程序的頁面，每個頁面的目錄結構都是類似的包含一個vue單文件組件和一個main.js文件，可以很方便的使用組件化的方式開發小程序。

Vue的生命周期和小程序的生命周期在mpvue中是兼容的，推薦使用vue生命周期，因為小程序的生命周期在其他端如web端是沒有相關生命周期的，如小程序onLaunch可以用vue的created代替，但是有些生命周期是小程序獨有的如onPullDownRefresh，這時只能使用小程序自帶的生命周期函數。

下面是一個小程序頁面的完整代碼實例，在pags目錄下面建立一個文件夾，包含一個welcome.vue和main.js文件。

QQ圖片20190125134355.png