如何快速上手一個新技術之vue學習經驗

　　碰到緊急項目挪別人的vue項目過來直接改，可是vue是18年初看過一遍，18年末再來用，早就忘到九霄雲外了，結果丟臉的從打開vue開始學，雖然以前在有道雲筆記作了不少記錄，而後沒有系統整理。因此藉此次機會鍛鍊本身快速上手能力，順便整理vue相關的資料。

     如何快速上手，三個訣竅：去碰問題+提出問題+有效篩選搜索信息。

     大概過程就是:

     打開index.html沒反應——>搜索怎麼打開vue項目？——>打開頁面後，發現頁面和代碼裏節點不同，怎麼肥事啊？——>發現代碼處處都是import，因此學習模塊的導入導出和es6語法——導出來的東西是什麼？幹嗎的？——>學習組件和vuex的知識——>組件數據哪裏來的？——>學習組件通訊和axios請求以及路由傳參——>由請求學習生命週期，鉤子函數等知識——>由此又學習了全局彈窗，全局loading方面的知識

     基本上就這樣來上手的vue，這個過程當中，搜索網上的資料，要學會有效篩選本身須要的信息，好比了解到了組件的知識，可是網上定義組件都有幾種方法，我就再觀察項目的組件看屬於哪一種定義方式——單文件組件，畢竟是趕項目，時間要緊，後期能夠慢慢再研究，方便之後使用。

    

     下面是詳細介紹整個學習過程，主要是觀察代碼，找出關鍵字搜索：

      一來就碰到的問題：按照慣例，直接在chrome打開項目最外層的index.html。沒反應，咋回事，忽然想起來好像要啓動什麼才行。

      網上搜索如何打開vue項目，記錄下筆記：vue學習一：新建或打開vue項目。

      打開頁面後，在控制檯看見頁面節點和代碼裏的不同。

      先觀察了頁面連接，找到對應的頁面文件，再看來下其餘頁面文件，你會發現代碼書寫規律：

      都有import，export default這種關鍵字，而後import後面的單詞，在頁面也有規律的在使用，這就好辦了

      針對這兩個關鍵字查一波，涉獵到了AMD、CMD、Common規範， ES6模塊的導入和導出，最後還有一篇讓我明白我以前學ES6的方法有蠢的文章：es6經常使用語法（這些知識點能夠去看個人vue學習筆記）

      反面教材學習經驗：之前按照ES6官方文檔學到對象擴展那裏，每句話都要讀懂（自覺得懂╮(╯▽╰)╭），每一個代碼看懂，作了大量筆記，可是機頂盒開發用不上，也就忘了。其實知道經常使用，好用，爲何須要用，的那些語法就好了。

     

　  瞭解模塊的導入導出後，那麼我要知道導出的這個東西在這個頁面幹嗎的？

     我看被放到了components裏，而後在頁面又放到了節點裏面，就去搜索這個關鍵字components，瞭解到了組件的知識，可是網上定義組件都有幾種方法，我就再觀察項目的組件看屬於哪一種定義方式——單文件組件。

     至此，vue一大核心——組件就被我發現了，就有了vue學習之組件這篇筆記。

    

     頁面的組成如今就知道了，接下來是數據部分。

     數據是怎麼來的，怎麼渲染到頁面上的？

     平時開發項目，頁面呈現數據過程：請求數據，處理數據，渲染數據。跟着這個思路，一路自我提問找線索搜索。

     這個得倒着找：從渲染數據的地方開始找，順藤摸瓜找來源。

     這裏就涉獵到：

      vue模板語法，指令（這兩個都是官網先蜻蜓點水大概知道有哪些，後續用都是現用現查）

      每一個組件的數據容器有哪些（props，data等）

      如何操做這些數據（computed，method，watch等）

 

      這些都搞定了，而後查找數據源：

      以前的組件學習讓我知道了組件之間的數據傳遞和共享：     vue學習之vuex

      可是數據確定還有ajax請求來的，這個在頁面代碼裏很差看出來，就直接在網上搜索的vue使用ajax請求。就涉獵到了：vue學習之生命週期和鉤子函數

      

     至此，我認爲差很少搞定了使用vue展示頁面的基本套路。

     

     後續就是路由，組件緩存，事件，公共提示，全局loading處理等方面的知識，同上，都是一路觀察+自我提問+合適的搜索解決的上手問題。

     可是！！！！！！！！！！最後竟然把我調去負責這個項目機頂盒端的開發，移動端就又這麼完美錯過。。。。。。。

    

     平時的積累真的很重要，你腦殼記不住東西不要緊，跟我同樣能夠作大量的收藏和筆記，技術到用時纔不會方恨少。

     千萬不要讓本身呆在一個溫馨區，前端新技術層出不窮，改朝換代也快，不說學習，至少隨時關注瞭解，多逛逛社區，看看別人作的東西，這樣選技術方案的時候，纔不至於不會盲目跟風。

     

     作項目就跟織毛衣同樣，接到需求的時候就跟拿到一團打結的毛線，先找到線頭，從線頭順藤摸瓜把打結的地方都梳理開，線梳理好後，再根據你要的成品考慮選擇用什麼材質和粗細的針棒來織，而後考慮選擇怎麼個織法最便捷快速。

    

     這些針棒和編制方式來源於你的積累：

     常逛的園子：博客園，開源中國，csdn，segmentfault，w3cplus

     技術問答網站：stackoverflow

     找輪子，看新奇：github，codepen，runjs

     沒事幹的時候技術升級打怪網站：freecodecamp

     幫別人解決問題同時提高本身，歡迎加入這個溫暖的羣，羣相關信息：https://www.kancloud.cn/jsfront/month/82796

     資料收藏技巧：關注「前端早讀課」，「前端大全」等公衆號，天天早上吃個飯或者坐個地鐵搭個電梯的時間就能看幾篇文章了，把本身想收藏的技術文章分類收藏到有道雲筆記，須要查什麼的時候能夠在有道雲筆記搜索，想要學什麼的時候能夠搜出一大堆，把別人的總結起來變成本身的知識體系。