关于Vue的一点研究
# 关于VUE的一点点个人研究
从大概18年末时候,我的主攻方向从java转到前端,并且爱上了vue、React这些组件化的前端工具,
有了组件化,前端的代码修改要比传统方式容易了不少
# 初识组件化
说起来可能有些奇怪,我第一次接触到组件化是因为微信小程序,那时候对组件化和数据驱动没什么太多的理解,自然也就没有产生什么好感,但是确实也为我后续学习组件化打了一个基础,回看那个项目我发现了我们很多人初学时都会陷入的一些疑问
# 为什么要组件化
这个问题答案就很明显,为了大家能更好的合作,为了代码更好的解耦,为了更好的维护... 组件化在一定程度上确实做到了,但是他真的绝对做到了么?
上一次和一个陌生人合作一个前端项目,就发现这个人在组件分割上很有问题,但是我是后面介入,他是组长,就没什么办法,一度让我写到怀疑人生
所以怎么理解组件,合理划分组件才是体现组件化优点的关键所在
# 怎么划分组件
对于初学者来说,划分组件可以说是最大的陷阱了,人一般很难从固有的思维模式中跳出来,导致很多之前做html的大佬,写vue时候,干脆一个页面是一个组件,一口气写下来好了,这样显然不是真正解决问题的方案,比如我在监听一个input框的时候写错了一点,我该怎么去改?(复制粘贴总是让人很暴躁
作为一个有一定开发经验的人来说,我也很难明确的给你讲:这样做就是对的,这种设计上的东西每个人可能都有各自的原则,下面是我的一点点见解
基础样式和逻辑解耦(也就是所谓的组件库
尽可能把业务逻辑封装在同一层,而不是不断嵌套
页面是一组组件的组合,这组组件构成了页面的每一层,各层的运算逻辑也尽可能写在各层
# 怎么理解VUE
vue对于一些对面向对象不能过于深入理解的新手程序员来说显然是很难的,他们很难把一棵子dom树想象成一个对象,显然也就很难去理解了,这部分只能去好好理解面向对象,好好理解设计原理了
# VUE 怎么写
这部分依然只是个思想,如果初学,那么慢慢读文档才是你的最佳捷径
创建一个vue项目时候,一定要想好,我要用什么技术,用哪些组件库,特别是我是否需要vue-ssr,如果需要vue-ssr的项目,那么最好的推荐是nuxt了,但是如果你想后期去追加vur-ssr,那么恭喜你,走到这一步,后面每一步都不简单
理解vue的生命周期,并对需要监听的浏览器事件提前做好监听(如:滚动,屏幕尺寸变化)
理解webpack的机制
一定程度下的接触vue底层的原理
不要死记硬背,面向文档开发才是真