说也说了很久的前后端分离,但是基于项目的原因,一直是jsp、freemark环绕在左右,使用DOM来操作,分模块已经是稀松平常的问题,若不是项目需要,可能也难以介入vue这个框架。
一、数据驱动?结构驱动?
关于这两点,很明确的可以说到。
vue:数据驱动
可以在data内直接操作:this.msg = "修改值" ,来同步修改值,总体而言,是基于监听getter\setter 来实现这个操作
Jquery: 结构驱动
正如 $(".dom").text("修改值"),先通过class获取结构,再通过修改数据来更新结构内容
二、模块化/组件化的舒服
习惯了JQ/JS的操作,对于如何分模块将js分散开来这种感觉是很能理解的。
vue这种针对视图层的操作,真的能省去很多以往一直操作的部分;
例如:onload =》 created等, 直接就给你封装了起来。
重复复用/可插拔的便捷性也是组件化的一个特点,微信小程序与vue有着十分相似的语法,两者知其一便能很快的融会贯通另一种
三、实践才是真道理
相比之前未开始的懵懵懂懂,到现在略有所得,其实也是不太容易。
B站是一个很好的学习地方,里面拥有很多资源,可以适当借鉴,但总体而言,还是要动手,动手才是能收获的,流程终究只是指引,自己真的遇到错误,解决之后才是属于自己的经验,存在自己的方法,无论是哪种学习,都是有道理的,毕业之初觉得人人都知道。到现在知道,是真的两重意味。
四、总体应用系列流程图
本次笔记主要重于应用型,对于某些相对深入而我实际上未接触的方面,暂时不提及,只提及项目中我所遇到的问题,随着后面其他相同类型的项目增多,笔记也应该会更丰富。
大题上围绕上述知识点进行围绕着 举例项目讲解,为后面的自己留点印象,主要整理项目中所需要的内容与
对应解决方案,实际点,毕竟业务工程师。
ui框架为:element-ui