小程序 原生？WePY？mpvue 如何選擇！

上周本來是寫了一篇,但是寫到後面覺得自己都寫的很亂,條理不清晰,考慮了一下,還是決定不發了.前一段時間我開始接觸了小程序,畢竟現在是流量為王的時代,各家開始藉助微信小程序的靈活性來保持用戶的粘度,我司也不例外,而且葉子同學最近寫小程序寫的都沒有心思寫文章了,此次順便艾特一下葉子同學,本周你有一篇文章要發了.從接觸小程序開始,對於框架的選擇,相信不同的公司,甚至到不同的人選擇可能都不太一樣.比如我司....我看到的代碼是有用WePY也有用mpvue.區別到底在哪?

WePY 騰訊出品

其實看到騰訊出品的時候,我第一感覺,它是基於小程序原生框架,是原生框架的一個2.0版,看了下文檔,WePY其實是類似Vue開發風格,但與vue不是完全相似,感覺更想vue和原生小程序的結合物.WePY在原生框架上支持以下:

支持組件化開發

支持NPM

支持Promise, 主動選擇是否開啟

支持ES2015

編譯器：支持less/sass/TypeScript等開發

小程序性能優化

框架大小：24.3k+8.9k

wepy-redux數據管理

mpvue 美團出品

mpvue的出現是希望能夠實現程序員的夢--一套代碼可以跑在多端,就可以避免H5、小程序、Native需要三套代碼,所以mpvue的出現,讓人感覺它很像小程序版的Vue.js, 同時mpvue也提供了:

mpvue-loader 提供 webpack 版本的載入器

mpvue-webpack-target webpack 構建目標

postcss-mpvue-wxss 樣式代碼轉換預處理工具

px2rpx-loader 樣式轉化插件

mpvue-quickstart mpvue-quickstart

mpvue-simple 輔助 mpvue 快速開發 Page / Component 級小程序頁面的工具

雖然mpvue和vue很相似,基本是把vue.js和小程序比較完美的結合了,但是vue的一些特性還是有一部分不支持

1.不支持純HTML(當時是我在做富文本組件的時候有用到)

3.不支持在template中使用methods中的函數.

關於小程序的區別,列一個表瞅瞅:

mpvue

對於不同框架的選擇,其實還是需要根據個人的開發習慣,如果本身對Vue很熟悉的話,mpvue是比較不錯的選擇,但是框架什麼的,在經過一段時間後都能熟悉,關鍵還是基礎.今天先介紹個大概,回頭等我學習深入一點的時候再來個2.0版,啊哈哈~今天就到這裡咯,886~下次見!

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！