基于vue3.0小程序開(kāi)發(fā)框架(vue 小程序開(kāi)發(fā)框架)
今天給各位分享基于vue3.0小程序開(kāi)發(fā)框架的知識(shí),其中也會(huì)對(duì)vue 小程序開(kāi)發(fā)框架進(jìn)行解釋,如果能碰巧解決你現(xiàn)在面臨的問(wèn)題,別忘了關(guān)注本站,現(xiàn)在開(kāi)始吧!
本文目錄一覽:
微信小程序框架解析
微信小程序框架(Vue.js)
小程序開(kāi)發(fā)框架的目標(biāo)是通過(guò)盡可能簡(jiǎn)單、高效的方式讓開(kāi)發(fā)者可以在微信中開(kāi)發(fā)具有原生
APP 體驗(yàn)的服務(wù)。整個(gè)小程序框架系統(tǒng)分為兩部分:邏輯層(App Service)和 視圖層(View)。小程序提供了自己的視圖層描述語(yǔ)言
WXML 和 WXSS,以及基于 JavaScript
的邏輯層框架,并在視圖層與邏輯層間提供了數(shù)據(jù)傳輸和事件系統(tǒng),讓開(kāi)發(fā)者能夠?qū)W⒂跀?shù)據(jù)與邏輯。
在剛接觸微信小程序的時(shí)候,就是官方提供的這個(gè)框架,其實(shí)該框架的思想和vue還是有相似之處,正所謂萬(wàn)變不離其宗。只不過(guò)這個(gè)框架就是直接使用微信小程序所需要的wxml、wxss等文件,而其他框架最終打包生成的文件才是官方所需要的。所以我建議就是初學(xué)者,還是可以先使用或?qū)W習(xí)下該框架,更能直接的了解小程序和學(xué)習(xí)。所以初學(xué)者值得推薦。
使用vue3+ typeScript 開(kāi)發(fā)小程序
要求是使用 vue3 + typescript 進(jìn)行開(kāi)發(fā)小程序和H5的跨端應(yīng)用
在 uniapp 和 taro 這兩個(gè)之中進(jìn)行選擇 在參了官方和社區(qū)示例后最終選擇了 taro 。原因在于 uniapp 目前對(duì)于 vue3 的支持尚不完全比如說(shuō)暫不支持 setup 語(yǔ)法糖對(duì)于h5的支持比較差 沒(méi)有支持 vue3 的 ui 框架等等。
node.js
注意tarojs的版本 建議使用 taro 3.0.24 以上的版本
由于引用 node_modules 的模塊,默認(rèn)不會(huì)編譯,所以需要額外給 H5 配置 esnextModules ,在 taro 項(xiàng)目的 config/index.js 中新增如下配置項(xiàng):
如果出現(xiàn)類似 Could not find module View in @tarojs/components 的問(wèn)題,請(qǐng)?jiān)谶M(jìn)行如下設(shè)置:
詳情請(qǐng)參考
推薦兩個(gè)微信小程序開(kāi)發(fā)框架
下面是最近了解的,開(kāi)發(fā)者使用較多的框架:
1. WePY
WePY屬騰訊系,是一款組件化的開(kāi)發(fā)框架,比原生小程序的開(kāi)發(fā)模式更接近于MVVM ,它類Vue的開(kāi)發(fā)風(fēng)格,讓Vue開(kāi)發(fā)者很容易上手。
Github地址:
官網(wǎng)地址:
2. mpvue
mpvue 是美團(tuán)點(diǎn)評(píng)開(kāi)源的一個(gè)使用Vue.js開(kāi)發(fā)小程序的前端框架??蚣芑?Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 實(shí)現(xiàn),使其可以運(yùn)行在小程序環(huán)境中,從而為小程序開(kāi)發(fā)引入了整套 Vue.js 開(kāi)發(fā)體驗(yàn)。
Github:
官網(wǎng):
關(guān)于基于vue3.0小程序開(kāi)發(fā)框架和vue 小程序開(kāi)發(fā)框架的介紹到此就結(jié)束了,不知道你從中找到你需要的信息了嗎 ?如果你還想了解更多這方面的信息,記得收藏關(guān)注本站。