使用vue,你能夠在原有大系統的上面,把一兩個組件改用它實現,當jQuery用;也能夠整個用它全家桶開發,當Angular用;
還能夠用它的視圖,搭配你本身設計的整個下層用。你能夠在底層數據邏輯的地方用OO和設計模式的那套理念。
也能夠函數式,均可以。
它只是個輕量視圖而已,只作了本身該作的事,沒有作不應作的事,僅此而已。
舉個栗子:
場景1:
若是你的技術團隊技術選型比較保守,沒有新技術的使用場景,好比讓你去維護一個管理後臺。管理後臺,平常就是提交各類表單了,這部分現有的方案,好比form表單提交或者jquery收集信息ajax提交。這時候你能夠把vue 當成一個js庫來使用,就用來收集form表單,和表單驗證。html
場景2:
在場景1中,你嚐到了甜頭。心中暗爽,還能夠這麼玩嘞。獨樂樂不如衆樂樂和你們分享以後,團隊開始接受使用vue,小規模推廣起來。打怪升級該遇小boss啦,領導說,小夥後臺作的愈來愈有效率了,來承擔些常規業務開發,來正規軍編制和其餘小夥伴一塊兒作新聞列表和新聞詳情頁吧。
在這個項目中,你跟大膽一點把 整個頁面的dom 用Vue 來管理,你發現jquery 沒什麼用了,列表用v-for來循環,把評論抽成小組件了。 評論交互比較複雜,可是你的關注點把原來jquery dom操做變成了關注數據的變化,用數據驅動DOM的變化。前端
場景3:
經歷了場景1 場景2,愈來愈受你們信賴,領導又找你了。你看新聞項目你作的不錯,移動站也得重構了,你作個移動端m站吧,正好微信和App分享出去用到。這時候,你須要在作移動端webapp了。 因而你由去了解 webpack vue-router,你發現前端 能夠控制路由了。webpack,能夠用於前端開發的工程構建。vue
場景4:
場景3以後你在技術團隊大放異彩,公司愈來愈器重你。年底領導又來找你了,小夥砸,想不想拿年終獎啊,想的話給我作個新聞直播間吧。需求特別簡單:就是滾動播報新聞,用戶實時參與評論。有了場景3和以前的經驗,發現稍微有點力不從心了,你和後端的接口溝通上愈來愈頻繁,新聞直播間須要大量的數據在組件中共享數據,後來你發現了,vuex 處理數據在組件之間的流動駕輕就熟。jquery
場景5:
年終獎,拿到手了,過年回來升職加薪。帶了20人的前端團隊,你的精力開始在配合公司其餘部門作用戶數據增加了。發現場景2中你犯了個錯誤,雖然整個頁面用Vue 管理 開發起來很方便,可是頁面白屏時間長,並且相似這樣的底層頁對seo都很差。開始考慮使用 vue2.0的SSR。爲了保障團隊高質量的輸出,你開始研究如何給 vm寫單測...webpack
場景1-5 從最初的只因多看你一眼而用了前端js庫,一直到最後的大型項目解決方案。git
(責任編輯:admin)