VUE+IVIEW从无到有实践 (前言)

         最近对公司的一个项目进行升级,实现前后端分离,后台服务微服务化,前台的框架重新搭建,前台确定了使用VUE+IVIEW技术。之前没用用过,一切从无到有,从VUE+IVIEW框架搭建,到最后项目前端项目完成,历时2个月,实现了项目的可配置化前台开发,还是比较繁琐的。现在进行知识总结,希望对要使用的朋友有帮助。期间是摸着石头过河,不喜勿喷。后续文档主要从以下几个点来介绍。

         一.搭建VUE+IVIEW脚手架 和npm命令构建完成项目。

         二 i18n国际化配置

        三 IVIEW控件和VUE的具体实践。

        四. 让前台可配置化,动态的生成前台代码。

        VUE 应该说是一个图灵完备工具,支持 if , for ,逻辑判断,可以方便我们的开发,是前台更灵活,而不是去关注对dom节点的操作,做到了完全的数据驱动。

       说白了,IVIEW是利用VUE技术,自己封装了一套前台组件,很好用,你可以少写很多很多代码,在此特别感谢IVIEW。期间还发现一个彩蛋,就是IVIEW对input的 onchange做了一个大优化。(HTML  input  中 onchange事件,本人觉得就是一个鸡肋 或者是一个bug),不过IVIEW  onchange事件确实名副其实,应该是做了相关优化。

       之前本人对前台技术比较了解,建议对前台技术还太不熟悉的同学,请先补一下基础。(PS:完成项目后,其他项目中接触了一下knockout JS,感觉两个不在一个档次,直接秒杀)。

猜你喜欢

转载自blog.csdn.net/xuedengyong/article/details/85214636