最开是接触的混合框架是mui,当时觉mui有一个很大的不方便,不能如当今vue或者react一样组件化开发,很多这样的场景,每个APP都有头部,每次都要去复制粘贴头部的样式改一下每个都要改很不方便,之后慢慢接触react和vue,觉得这两个框架能和mui擦出不错的火花,完成组件开发。
这样做在我看来的优势:
1、组件化开发,重用性和易改性提高。
2、单向绑定,数据流清晰,减少dom操作。
缺点:真机调试速度慢
下面开始我的尝试,vue或许会更好,下次再研究。
config----为webpack配置文件
dist ---为打包后的文件
src ---为我们开发时所用的文件
component --- 公用组件
css --- 公用css
fonts---字体文件
login---登陆页面
main---首页
.........
unpackage和manifest.json --- 为mui APP文件
index.ejs --- 为生成每个页面的模板html
package.json --- 配置文件
贴出简易的公用header组件代码:
使用react+mui有一个不方便的地方,便是文件越大,打包时间越长,会延长测试代码时间。所以个人建议前期做UI时使用热替换,在本地浏览器查看样式,这样速度快很多。还有不方便的地方便是需要把class切换成className。或许vue更为优秀。有一样想法的朋友可以一起探讨。