基于vue的小程序開發(fā)(使用vue開發(fā)微信小程序)
本篇文章給大家談談基于vue的小程序開發(fā),以及使用vue開發(fā)微信小程序對應的知識點,希望對各位有所幫助,不要忘了收藏本站喔。
本文目錄一覽:
vue小程序分類
Vue小程序分類如下:
1.mpvue
2.uni-app
3.megalo
以上都是Vue開發(fā)小程序的框架。
推薦兩個微信小程序開發(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 實現,使其可以運行在小程序環(huán)境中,從而為小程序開發(fā)引入了整套 Vue.js 開發(fā)體驗。
Github:
官網:
使用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 中新增如下配置項:
如果出現類似 Could not find module View in @tarojs/components 的問題,請在進行如下設置:
詳情請參考
小程序開發(fā)用什么框架
小程序開發(fā)可以使用以下框架:
1. 微信官方框架:使用微信官方提供的框架進行開發(fā),可以快速上手,但功能相對較少。
2. uni-app框架:uni-app是一個基于Vue.js的開發(fā)框架,可以同時開發(fā)多個平臺的小程序,如微信、支付寶、百度等。
3. Taro框架:Taro是一個多端開發(fā)框架,支持小程序、H5、React Native等多個平臺,可以實現一次編寫,多端運行。
4. mpvue框架:mpvue是一個基于Vue.js的小程序開發(fā)框架,可以使用Vue.js的語法進行開發(fā),同時支持小程序原生API。
如果沒有編程代碼經驗,可以尋求第三方小程序平臺進行鼠標拖拽式搭建小程序。
基于vue的小程序開發(fā)的介紹就聊到這里吧,感謝你花時間閱讀本站內容,更多關于使用vue開發(fā)微信小程序、基于vue的小程序開發(fā)的信息別忘了在本站進行查找喔。