火星網校
詳解前端大牛必用的Vue.js框架
Vue.js是什麼？很多想要入行前端的小夥伴們想必都聽說過，但真的了解嗎，今天就給大家詳解前端大牛必用的Vue.js框架。
我們來看看百科的介紹
Vue.js：（讀音 /vju?/, 類似於 view）是一個構建數據驅動的 web 界麵的漸進式框架。Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。它不僅易於上手，還便於與第三方庫或既有項目整合。
目前vue.js已經成為了前端大師必用的框架之一。想必很多小夥伴對它也很好奇，今天我們一起來認識一下vue.js！
Vue.js誕生背景
近幾年來，得益於手機設備的普及和性能提升，移動端的web需求大量增加，產生了一種叫webapp的東西，也就是移動端的網頁應用。
它們功能越來越複雜，交互也越來越酷炫，功能與效果越來越接近於原生的APP。比如下麵這些：
這種webapp它們不僅僅像h5營銷網頁一樣有酷炫的效果，它們還有複雜的點擊、輸入、下拉選擇，視圖切換等複雜的交互。在這樣的業務需求下，我們還是沿用PC端的開發方案，難免會不太合適。比如：視圖切換。
在PC端，視圖切換我們會用<a>標簽進行頁麵的跳轉，但如果在移動端，那就歇菜了，你會遇到這樣的畫麵：
這個時候用戶隻能等.....3秒，5秒，8秒.......很難想象，在一個需要頻繁切換視圖的webapp裏麵，使用<a>標簽去實現，對用戶來說是很不友好的，換你你也不願意等那麼久，反正我是不願意了....
為了解決webapp這些的體驗和開發上的不足，我們決定學習並使用一個MVVM框架——Vue.js
Vue.js的優點：
1.Vue.js更輕量更快
2.更容易上手，易學
Vue的核心
通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件
這句話有兩個關鍵詞：數據綁定 和 視圖組件。
Vue的數據驅動：數據改變驅動了視圖的自動更新，傳統的做法你得手動改變DOM來改變視圖，vuejs隻需要改變數據，就會自動改變視圖，一個字：爽。再也不用你去操心DOM的更新了，這就是MVVM思想的實現。
視圖組件化：把整一個網頁的拆分成一個個區塊，每個區塊我們可以看作成一個組件。網頁由多個組件拚接或者嵌套組成。看下圖：
具體在開發過程中怎樣實現一個組件，到底哪些區塊可以劃分成一個組件，後麵的章節我們再一一介紹，這裏你隻需要知道，在Vue.js中，網頁是可以看成多個組件組成的即可。
適用場景
如果你還在用jquery頻繁操作你的DOM來更新頁麵的話，那麼，你可以用Vue.js來解放你的DOM操作了。
如果你的項目中有多個部分是相同的，並可以封裝成一個組件，那麼，你可以試試用Vue.js。
此外，Vue.js的核心實現中使用了ES5的Object.defineProperty特性，IE8及以下版本瀏覽器是不兼容的，所以，你的項目需要兼容這些較低版本的瀏覽器的話，那麼，Vue.js就不適用了。
畢竟，開發一個項目的目的不是為了使用某個框架。
來源：技術學派頭條號
-
2101期學員李思庭作品
-
2104期學員林雪茹作品
-
2107期學員趙淩作品
-
2107期學員趙燃作品
-
2106期學員徐正浩作品
-
2106期學員弓莉作品
-
2105期學員白羽新作品
-
2107期學員王佳蕊作品
熱門課程
專業講師指導 快速擺脫技能困惑
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題，火星幫你解答-
火星時代教育的UE4智慧城市學校培訓班為學員提供了全麵係統的UE4掌握和實踐，引領行業新潮流，學習成就未來。
-
掌握UE4智慧城市設計的核心技術，從入門到精通，快速打造屬於自己的智慧城市，讓你的設計技能更上一層樓。火星時代教育為您提供專業......
-
火星時代教育為你提供專業的UE4設計學課程，讓你更深入的理解和掌握UE4的設計應用。了解UE4設計學，提升技能，提高職業競爭力。
-
了解UE4設計時間培訓，提升你的遊戲開發技能。火星時代教育用專業知識助您快速步入华体会hth体育app在线登录 的行列。
-
了解UE4設計師培訓的重要性，探索實時圖形技術與UE4設計在遊戲行業的突出地位，揭示其就業前景的廣闊性並提供專業的UE4設計師......
-
探索虛幻4引擎遊戲培訓的重要性，以及為何你應當選擇火星時代教育來提升你的技能和知識。
