vue的淺薄體會

進入公司差很少2個月了，這兩個月內從vue的小白，變成如今能夠完成一個模塊，在這個過程當中並非一路順風，也遇到許多問題，可是經過本身的研究、查詢，最終把他解決了。我以爲這些經驗值得沉澱，值得總結分享一下。

一、vue核心

vue是一個前段框架，「數據驅動的組件，爲現代化的 Web 界面而生」，引用官網的一句話，正是由於數據綁定和組件化得分治的優點，在作項目的時候很是的方便。

二、vue組件佈局

對項目的頁面佈局其實和普通的頁面佈局同樣，像這類的頁面佈局就能夠提供三個組件兩個導航欄組件，一個主頁面。

三、遍歷操做

對於選項卡點擊變色,能夠用vue本身提供的下表$index來控制樣式，使用起來很是方便。

四、指令表達式

對於顯示不顯示上的問題，能夠在指令上編寫邏輯表達式，用起來很是方便

五、某些函數未執行

路由跳轉的會從新編譯，可是若是是同一個路由下頁面的顯示和隱藏也就是V-if和V-show只在顯示的時候就編譯一次，其他的便緩存起來，因此致使有些jquery組件只在第一編譯成功，第二次便渲染不上值，解決辦法是用watch來監聽，很是的方便。

六、父子通訊

對於父子組件靠props通訊的時候，父組件須要給組件上的屬性附上默認值，不然，有時會警告報出，咱們的項目上常常出現。

七、冒泡處理

父子組件用broadcast和dispatch進行傳遞時，若是有出現鏈型狀況，接受的事件若是一直向上冒泡，則須要在第一個接受後返回true

八、開發思想

項目上爲了減小耦合性，在css上多用組合少用繼承。繼承的方式很難存覆蓋，用起來也不方便。

九、transition

在vue動畫上多用transition屬性，比起dom的keyframe用起來更方便。

十、檢查兼容性

在html上多用語議性標籤，提升seo處理能力，列表用ul li。圖標的話i標籤，段落p，小文字span。h5新特性的話能夠在can i use上查看是否兼容

十一、數組字符串建議用內置函數

js方面，字符串拼接，能夠先用數組push、而後用數組的自帶方法toString()或者Join（）來拼接字符串，用起來很是方便。

十二、vue警告

有時候不想看到控制檯vue的警告能夠用vue.config.silent=true來控制

先分享這麼多，遇到問題了，解決了再分享,若有須要請關注github帳號