关于vue(一)

　　使用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实际上是一个道理，项目越大，越能体会到这种组件化开发的好处，咱们公司如今作一个项目只须要大概半个月的时间，效率很是高，像盖房子同样，好比我在开始时就写一些零碎的公共组件，写个“门”的组件，写个“窗户”的组件，写个***（具备特殊功能的）的组件，等这写组件都完成了以后，把他们拼在一块儿，房子就建好了，当我建第二个房子的时候，能够用以前的窗户，以前的门，换个颜色就成了新的房子，嗯，大概就是这样