hi,大家伙，我是佛系大大，很高興與你們一起溝通，學習，進步。 很久不更新博客了，現在回來再寫博客，盡然是有些懷念的感覺，幸福的感覺。因為寫博客，內心會很寧靜，沉浸在自己的世界中，是很幸福的一件事。當然，並非逃離現實（雞毛蒜皮，工作糟心的凡事），佛系大大還是很上進的，讓我們一起努力。 廢話不多說了， ...
hi,大家伙，我是佛系大大，很高興與你們一起溝通，學習，進步。
很久不更新博客了，現在回來再寫博客，盡然是有些懷念的感覺，幸福的感覺。因為寫博客，內心會很寧靜，沉浸在自己的世界中，是很幸福的一件事。當然，並非逃離現實（雞毛蒜皮，工作糟心的凡事），佛系大大還是很上進的，讓我們一起努力。
廢話不多說了，我們開始吧！
首先介紹下，我是如何學習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來開發。
