小程序跨平臺(tái)解決方案方面有Taro、Mpvue、WePY這3個(gè)平臺(tái)，他們各有特點(diǎn)，優(yōu)勢(shì)不相上下，他們也在不斷不停的迭代更新，都擁有大量的開發(fā)者支持，百度也擁抱三方框架，跟他們一起合作，來(lái)同步促進(jìn)小程序開發(fā)框架的普及。

我們重點(diǎn)講一下，這三個(gè)框架的各自的特點(diǎn)，我們先講WePY。本文內(nèi)容由藍(lán)宇程序根據(jù)張自萌在智能小程序公開課上的講演內(nèi)容整理而來(lái)，藍(lán)宇程序，您身邊的百度小程序?qū)＜?#xff01;

WePY為小程序開發(fā)而生

WePY是現(xiàn)在的標(biāo)配，它跟VUE非常類似，其實(shí)它就是一個(gè)類VUE，我們?yōu)槭裁凑f(shuō)類VUE，因?yàn)樗恼Z(yǔ)法非常類似于VUE，所有的那些什么循環(huán)嵌套都是傳遞通信都可以，然后安全包管理一些標(biāo)配，包括細(xì)節(jié)優(yōu)化。其實(shí)WePY專門針對(duì)小程序出的一個(gè)框架，所以它對(duì)小程序的一些性能做了特殊處理，特別像什么臟檢測(cè)，優(yōu)化傳遞的大小等等做了大量細(xì)節(jié)的優(yōu)化。

應(yīng)用層框架接入 - WePY

• 01.開發(fā)模式
• 更符合現(xiàn)有MVVM框架開發(fā)模式，類VUE，省去學(xué)習(xí)小程序語(yǔ)法的時(shí)間。
• 02.組件化開發(fā)
• 支持組件的循環(huán)、嵌套、組件Props傳值、組件通信、自定義事件、第三方組件。
• 03.NPM包管理
• 支持NPM資源，處理NPM資源的依賴。
• 04.ESNext
• 支持ESNext，提升開發(fā)體驗(yàn)，擁抱開發(fā)者。
• 05.細(xì)節(jié)性能優(yōu)化
• setData性能優(yōu)化（臟檢測(cè)）、事件傳參、編譯器（Babel、Ts、Less、Sass）、Mixin。

我們接著看Mpvue，Mpvue跟WePY非常類似，它也是VUE語(yǔ)法來(lái)寫，但是它跟WePY的區(qū)別是它就是一個(gè)VUE，包括利用VUE數(shù)據(jù)管理等等，包括Web支持，包括你的標(biāo)配開發(fā)， 在中國(guó)最重要的兩大框架，我們都支持。

應(yīng)用層框架接入 - Mpvue

• 徹底的組件化開發(fā)
• 使用Vue.js組件機(jī)制開發(fā)小程序，實(shí)現(xiàn)小程序和H5的組件復(fù)用。
• Vue的開發(fā)體驗(yàn)
• 完整的Vue開發(fā)體驗(yàn)，Vue的組件規(guī)范、Vuex的實(shí)現(xiàn)。
• H5 WEB的支持
• 基于Mpvue小程序，可以轉(zhuǎn)為H5，基于Vue開發(fā)的H5，也可以轉(zhuǎn)為小程序。

應(yīng)用層框架接入 - Taro

• React風(fēng)格
• React受眾廣，降低小程序開發(fā)學(xué)習(xí)成本。
• JSX處理
• 采用JSX作為模板，相比字符串模板，更自由、自然、更具表現(xiàn)力，不依賴字符串模板語(yǔ)法糖，也能完成復(fù)雜處理。
• 數(shù)據(jù)驅(qū)動(dòng)思想的相似
• 小程序的數(shù)據(jù)驅(qū)動(dòng)模板更新思想和實(shí)現(xiàn)機(jī)制，與React相似。
• React的跨端解決方案
• React Native的跨端解決方案，可以給Taro后期多端開發(fā)帶來(lái)很大的便利。

微信小程序一鍵轉(zhuǎn)成百度小程序

有多小程序開發(fā)者已經(jīng)開發(fā)過(guò)微信小程序了，開發(fā)微信小程序怎么轉(zhuǎn)成百度小程序呢？這里我們提供了一個(gè)遷移工具，請(qǐng)看大屏幕。

我這里有個(gè)視頻，就是怎么一鍵轉(zhuǎn)過(guò)來(lái)，左邊是微信小程序在微信的開發(fā)的工具里面的，我們轉(zhuǎn)換一下，我們先輸入微信小程序的源代碼，然后我們生成的目錄填一下，這時(shí)候我們可以轉(zhuǎn)換了，然后它就開始靜態(tài)編譯靜態(tài)轉(zhuǎn)換，然后我們把產(chǎn)出打開之后，然后這是百度的開發(fā)者工具，左邊是微信的開發(fā)工具，然后兩個(gè)不會(huì)動(dòng)一行代碼就轉(zhuǎn)換好了。但是還不能達(dá)到100%，目前80%接近一樣，比如說(shuō)登陸、支付等，可能你還是需要自己去處理一下。

小程序遷移工具

遷移工具就會(huì)按照相同代碼就按照原樣來(lái)搬遷，就保持行數(shù)和列數(shù)一致，方便開發(fā)者二次開發(fā)，二次開發(fā)就意味著你是兩個(gè)版本，不是一個(gè)版本，就是從你遷移的時(shí)間點(diǎn)為準(zhǔn)，以后的更改，你都要在兩套代碼上進(jìn)行開發(fā)。

我們主要做一些視圖的轉(zhuǎn)換，UI方面轉(zhuǎn)換率非常高，基本上不用多少的開發(fā)，主要是端能力可能大家要去兼容一下，這就是遷移工具。

總結(jié)

以上是生活随笔為你收集整理的小程序开发提示没有npm路径_百度小程序三个框架的各自的特点的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。