碰到緊急項目挪別人的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
資料收藏技巧：關注“前端早讀課”，“前端大全”等公眾號，每天早上吃個飯或者坐個地鐵搭個電梯的時間就能看幾篇文章了，把自己想收藏的技術文章分類收藏到有道雲筆記，需要查什么的時候可以在有道雲筆記搜索，想要學什么的時候可以搜出一大堆，把別人的總結起來變成自己的知識體系。