關於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實際上是一個道理，項目越大，越能體會到這種組件化開發的好處，咱們公司如今作一個項目只須要大概半個月的時間，效率很是高，像蓋房子同樣，好比我在開始時就寫一些零碎的公共組件，寫個「門」的組件，寫個「窗戶」的組件，寫個***（具備特殊功能的）的組件，等這寫組件都完成了以後，把他們拼在一塊兒，房子就建好了，當我建第二個房子的時候，能夠用以前的窗戶，以前的門，換個顏色就成了新的房子，嗯，大概就是這樣