之前是用mpvue開發(fā)的項目蝗茁,由于官方的不作為醋虏,mpvue漸漸已經跟不上目前敏捷開發(fā)的快速版本迭代,我漸漸對mpvue失去了信心哮翘,基于vue的小程序框架轉化颈嚼,目前的框架中就是uni-app的最好
mpvue項目技術棧:mpvue + fly + vuex + less
uni-app項目:自帶fly,處理好了頁面結構(和vue神似)饭寺,vuex默認自帶 + less
開始
用腳手架新建一個默認模板
準備操作
引入vant組件寂纪, 安裝less 倡蝙, less-loader插件
注意點:微信第三方組件的放置位置,不是根目錄,是在src目錄下穴店,我之前犯過這個錯誤,測試基本正常后响鹃,就要開始遷移你的項目了
遷移
基本是src目錄下的頁面瞧掺,工具函數(shù),頁面健霹,api的遷移旺上,我們的主要工作是修改pages.json,接下來我兩張截圖,分別是mpvue項目和新建uni-app項目
mpvue的page.js
uni-app的page.json
通過對比糖埋,遷移項目我們要改三個地方
統(tǒng)一“”宣吱,該加雙引號的,全局替換加雙引號
config換成style
vant引用地址轉化
結束
全部搞定之后阶捆,運行代碼凌节,基本差不多,功能方面也一致洒试,如有相關問題倍奢,歡迎私信或者留言