今天給各位分享基于vue的小程序開發(fā)的知識，其中也會對用vue開發(fā)小程序進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、微信小程序框架解析
• 2、vue小程序分類
• 3、推薦兩個(gè)微信小程序開發(fā)框架
• 4、使用vue3+ typeScript 開發(fā)小程序
• 5、使用mpvue和uni-app開發(fā)小程序分別有什么優(yōu)點(diǎn)跟缺點(diǎn)

微信小程序框架解析

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

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

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

WXML 和 WXSS，以及基于 JavaScript

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

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

vue小程序分類

Vue小程序分類如下：

1.mpvue

2.uni-app

3.megalo

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

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

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

1. WePY

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

Github地址:

官網(wǎng)地址：

2. mpvue

mpvue 是美團(tuán)點(diǎn)評開源的一個(gè)使用Vue.js開發(fā)小程序的前端框架?？蚣芑?Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 實(shí)現(xiàn)，使其可以運(yùn)行在小程序環(huán)境中，從而為小程序開發(fā)引入了整套 Vue.js 開發(fā)體驗(yàn)。

Github：

官網(wǎng)：

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

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

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

node.js

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

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

如果出現(xiàn)類似 Could not find module View in @tarojs/components 的問題，請?jiān)谶M(jìn)行如下設(shè)置：

詳情請參考

使用mpvue和uni-app開發(fā)小程序分別有什么優(yōu)點(diǎn)跟缺點(diǎn)

mpvue基于vue，優(yōu)化了vue的runtime和compiler實(shí)現(xiàn)，以前常用來開發(fā)小程序，后來停止維護(hù)了。uniapp生態(tài)更廣，也有云開發(fā)，但由于多端兼容，所以有時(shí)針對個(gè)別平臺處理的配置項(xiàng)較多

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