本篇文章給大家談談基于vue的小程序開發(fā)，以及微信小程序vue開發(fā)對應的知識點，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、推薦兩個微信小程序開發(fā)框架
• 2、vue小程序分類
• 3、使用vue3+ typeScript 開發(fā)小程序
• 4、小程序開發(fā)教程 小程序怎么開發(fā)
• 5、開發(fā)小程序流程
• 6、微信小程序框架解析

推薦兩個微信小程序開發(fā)框架

下面是最近了解的，開發(fā)者使用較多的框架：

1. WePY

WePY屬騰訊系，是一款組件化的開發(fā)框架，比原生小程序的開發(fā)模式更接近于MVVM ，它類Vue的開發(fā)風格，讓Vue開發(fā)者很容易上手。

Github地址:

官網地址：

2. mpvue

mpvue 是美團點評開源的一個使用Vue.js開發(fā)小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 實現(xiàn)，使其可以運行在小程序環(huán)境中，從而為小程序開發(fā)引入了整套 Vue.js 開發(fā)體驗。

Github：

官網：

vue小程序分類

Vue小程序分類如下：

1.mpvue

2.uni-app

3.megalo

以上都是Vue開發(fā)小程序的框架。

使用vue3+ typeScript 開發(fā)小程序

要求是使用 vue3 + typescript 進行開發(fā)小程序和H5的跨端應用

在 uniapp 和 taro 這兩個之中進行選擇 在參了官方和社區(qū)示例后最終選擇了 taro 。原因在于 uniapp 目前對于 vue3 的支持尚不完全比如說暫不支持 setup 語法糖對于h5的支持比較差 沒有支持 vue3 的 ui 框架等等。

node.js

注意tarojs的版本 建議使用 taro 3.0.24 以上的版本

由于引用 node_modules 的模塊，默認不會編譯，所以需要額外給 H5 配置 esnextModules ，在 taro 項目的 config/index.js 中新增如下配置項：

如果出現(xiàn)類似 Could not find module View in @tarojs/components 的問題，請在進行如下設置：

詳情請參考

小程序開發(fā)教程 小程序怎么開發(fā)

1、有兩種方法，一種方法是自己開發(fā)，這需要有一定的基礎，微信小程序雖是騰訊出品，但是核心的思想跟vue等框架是一樣的。

2、申請注冊微信小程序賬號，注意：注冊賬號之后會有一個AppID，下載微信開發(fā)者工具，新建項目的時候需要填上，否則很多功能用不了，比如不能預覽、不能上傳代碼等問題。

3、新項目創(chuàng)建完畢就可以進入開發(fā)者工具進行編輯，其中最難的就是編寫代碼這部分，其中app.js、app.json、app.wxss這三個文件功能一定要了解清楚，這對微信小程序開發(fā)是非常有幫助的，后面有很多樣式、功能之類的，都是需要添加的。

4、善于搜集精美的小組件，比如在github或者微信開放社區(qū)上找到想要的組件并巧妙優(yōu)雅的組裝到自己的小程序中，可以大大縮短制作的時間，編輯好點擊“提交”，填寫小程序相關信息就可以提交審核了，注意：分類最好填寫準確，這樣才能更快的通過審核。

5、另一種方法則是利用一些一鍵生成小程序的工具，登錄后，進入選擇想要的模板進行相應的修改就可以了。

開發(fā)小程序流程

開發(fā)小程序流程：

1、小程序賬號注冊

小程序需要在微信公眾平臺注冊賬號，來管理和發(fā)布小程序。賬號是郵箱類型，需要公眾號認證才能審核通過。

2、前期規(guī)劃小程序功能

小程序前期要確定功能及類型，需要用到原型圖，畫出小程序的基本框架及功能。

3、小程序UI設計

根據(jù)前期的策劃原型圖，需要設計出小程序的頁面。小程序的設計主要考慮用戶體驗度，突出重點，流程明確，導航來去自如，加載頁面等等。

4、小程序前后端開發(fā)

小程序前端代碼有小程序源生代碼、html5、vue等代碼可以編寫，有條件建議用源生的代碼，運行更快吧。小程序后端代碼有php、jsp、asp.net、php是應用最廣泛的，性價比也最高。同樣的功能開發(fā)，用php開發(fā)的成本最低。前后端開發(fā)完成之后，需要寫下數(shù)據(jù)交互，這樣小程序和后臺的數(shù)據(jù)就連接起來了。

5、小程序開發(fā)測試和線上提交

小程序要對開發(fā)出來的功能進行測試，找到bug及時修復。測試代碼運行速度，優(yōu)化代碼結構,，測試各個手機端兼容性，能承載多少網絡帶寬壓力。

當小程序開發(fā)完畢之后，就要用到小程序賬號來配置小程序的名稱、圖片等信息。然后提交代碼給公眾號平臺審核，審核通過之后，在后臺點發(fā)布，你的小程序就正式上線。

微信小程序框架解析

微信小程序框架（Vue.js）

小程序開發(fā)框架的目標是通過盡可能簡單、高效的方式讓開發(fā)者可以在微信中開發(fā)具有原生

APP 體驗的服務。整個小程序框架系統(tǒng)分為兩部分：邏輯層（App Service）和 視圖層（View）。小程序提供了自己的視圖層描述語言

WXML 和 WXSS，以及基于 JavaScript

的邏輯層框架，并在視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng)，讓開發(fā)者能夠專注于數(shù)據(jù)與邏輯。

在剛接觸微信小程序的時候，就是官方提供的這個框架，其實該框架的思想和vue還是有相似之處，正所謂萬變不離其宗。只不過這個框架就是直接使用微信小程序所需要的wxml、wxss等文件，而其他框架最終打包生成的文件才是官方所需要的。所以我建議就是初學者，還是可以先使用或學習下該框架，更能直接的了解小程序和學習。所以初學者值得推薦。

關于基于vue的小程序開發(fā)和微信小程序vue開發(fā)的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。