使用vue做公司项目,起初搭建项目框架时就听前辈说“一定要管理好结构”,今年4月份开始使用vue,那时我对前端对认知还停留在使用基本对html、css、js、jq去随便搭建一些页面,使用vue后让我对前端组件化、工程化开发有了一定对认识。举个例子。
之前经常做官网页面,简单页面开发,经常和样式打交道,每天沉醉于修改样式bug,而且经常会有同一种bug多次出现的问题;
因为之前做的项目比较零散,每个项目的工程量都不会太大,心想只要做完页面,达到老板想要的效果就好,从没想过去做写管理,以至于经常会去解决些重复的问题(非常多),甚至改了一处样式会影响整个页面的布局,无形中给自己添加了很大的工作量。
走的坑多了,就会想各种办法跳过这些坑,每个程序员都懒,但是每个程序员都很聪明,听过一句很有道理的话,“程序界最牛逼的技术就是ctrl + c / ctrl + v”,当时看的这时已经笑喷,后来细想确实很有道理,vue组件化开发确实有点像复制粘贴。
我对vue组件化开发对认识:vue像是面向对象的一种实例化,由基础的html、css、js去搭建一个个零碎的、有特殊功能的组件,项目中由这些基本组件去组成我们想要的页面。
开始做这些组件化开发的时候,很不理解为什么一个简单的东西要做的那么复杂,比如我在写less的时候,有些属性值明明是用css可以很简单的就能写出来,却非要用less定义变量、定义方法 然后再去调用这些方法,总觉的有点多此一举,但到后来公司项目逐渐成熟,需要管理的项目越来越多,在改bug的时候才发现,这种调用写样式的方式简直完美。
比如less中定义个背景色 “@secondary-theme-bg: #ecfce0;” 我完全 可以用css “color:#ecfce0”;去写,用纯css还会少几个字符,我根据要求用less在项目中用到这种颜色到地方加上调用这个less,过了一段时间,产品经理突然和你说,项目中有几个色值要改一下,你问“是所有涉及到这个#ecfce0到颜色都要改吗?”,他说“是”,这时候,你会很庆幸自己在写这个颜色的时候全部都是调用less的方法,这时候只需要改一处定义的颜色就ok了
vue其实是一个道理,项目越大,越能体会到这种组件化开发的好处,我们公司现在做一个项目只需要大概半个月的时间,效率非常高,像盖房子一样,比如我在开始时就写一些零碎的公共组件,写个“门”的组件,写个“窗户”的组件,写个***(具有特殊功能的)的组件,等这写组件都完成了之后,把他们拼在一起,房子就建好了,当我建第二个房子的时候,可以用之前的窗户,之前的门,换个颜色就成了新的房子,嗯,大概就是这样