月薪80K前端大佬筆記學習vue的心得，網友：兩個字「完美」！

廢話很少說了，咱們開始吧！

首先介紹下，我是如何學習vue的，我學習vue以前，作過哪些思考？

1.vue技術剛出來的時候，我第一眼會問，vue是什麼？這個框架要幹嗎？

2.沒有vue這個框架，咱們以前是怎麼作的，咱們遇到了哪些糟心的問題？

3.怎麼學習更有效呢，怎麼快速掌握它，而後用它來幹活？

當有了如上思考後，咱們學習來就有的放矢，效率倍增了，比迷迷糊糊的學習要好至少10倍。你們先跟着個人思路走，最後能夠本身總結，概括，輸出。

第一個問題：vue是什麼？能作什麼？

官網介紹vue是一個漸進式框架。怎麼理解這個漸進式框架呢，通過本身理解和在網上查閱資料，我的簡單理解是，一，你能夠把他做爲一個js庫使用，就和咱們引入jquery同樣，用裏面的一些功能；二 你能夠在構建新的項目時所有都是用這個框架提供的功能來構建。用場景說明更好理解

場景1：

若是你的技術團隊技術選型比較保守，沒有新技術的使用場景，好比讓你去維護一個管理後臺。管理後臺，平常就是提交各類表單了，這部分現有的方案，好比form表單提交或者jquery收集信息ajax提交。這時候你能夠把vue 當成一個js庫來使用，就用來收集form表單，和表單驗證。

場景2：

在場景1中，你嚐到了甜頭。心中暗爽，還能夠這麼玩嘞。獨樂樂不如衆樂樂和你們分享以後，團隊開始接受使用vue，小規模推廣起來。打怪升級該遇小boss啦，領導說，小夥後臺作的愈來愈有效率了，來承擔些常規業務開發，來正規軍編制和其餘小夥伴一塊兒作新聞列表和新聞詳情頁吧。

在這個項目中，你跟大膽一點把 整個頁面的dom 用Vue 來管理，你發現jquery 沒什麼用了，列表用v-for來循環，把評論抽成小組件了。 評論交互比較複雜，可是你的關注點把原來jquery dom操做變成了關注數據的變化，用數據驅動DOM的變化。

場景3:

經歷了場景1 場景2，愈來愈受你們信賴，領導又找你了。你看新聞項目你作的不錯，移動站也得重構了，你作個移動端m站吧，正好微信和App分享出去用到。這時候，你須要在作移動端webapp了。 因而你由去了解 webpack vue-router，你發現前端 能夠控制路由了。webpack，能夠用於前端開發的工程構建。

場景4:

場景3以後你在技術團隊大放異彩，公司愈來愈器重你。年底領導又來找你了，小夥砸，想不想拿年終獎啊，想的話給我作個新聞直播間吧。需求特別簡單：就是滾動播報新聞，用戶實時參與評論。有了場景3和以前的經驗，發現稍微有點力不從心了，你和後端的接口溝通上愈來愈頻繁，新聞直播間須要大量的數據在組件中共享數據，後來你發現了，vuex 處理數據在組件之間的流動駕輕就熟。

場景5:年終獎，拿到手了，過年回來升職加薪。帶了20人的前端團隊，你的精力開始在配合公司其餘部門作用戶數據增加了。發現場景2中你犯了個錯誤，雖然整個頁面用Vue 管理 開發起來很方便，可是頁面白屏時間長，並且相似這樣的底層頁對seo都很差。開始考慮使用 vue2.0的SSR。爲了保障團隊高質量的輸出，你開始研究如何給 vm寫單測…

場景1-5 從最初的只因多看你一眼而用了前端js庫，一直到最後的大型項目解決方案。

第二個問題：沒有vue的時候，咱們單頁面兩種方式 1.使用iframe加載頁面片斷 2.使用ajax請求頁面片斷。二者共同問題是 裏面的js邏輯很差處理，id名字重複，代碼寫的不規範。vue 則沒有這種問題

第三個問題：1.邊理解，邊寫代碼，邊看效果，在繼續理解，而後寫筆記，輸出本身的理解。

vue 大多數狀況下是用來開發單頁面應用程序，並非說只能開發單頁面應用程序。

若是公司沒有seo需求，都是可使用vue進行系統構建。移動站點，後臺管理系統特別適合用vue來開發。

最後以上就是筆者分享進階架構師學習線路，分享了一波進階線路圖譜，那麼資源確定也是少不了的，若是你對技術提高很感興趣，小編在這裏提供了一份針對上面導圖的架構進階視頻資料，資源分享包括但不限於（分佈式架構、高可擴展、高性能、高並 發、Jvm性能調優、Spring，MyBatis，Nginx源碼分析，Redis，ActiveMQ、、Mycat、Netty、Kafka、Mysql 、Zookeeper、Tomcat、Docker、Dubbo、Nginx）。

資料領取方式：私聊筆者免費領取資料！