Vue.js的的理解及優缺點

一.MVX框架模式瞭解

MVX框架模式：MVC+MVP+MVVM

1.MVC：Model(模型)+View(視圖)+controller(控制器)，主要是基於分層的目的，讓彼此的職責分開。
      View經過Controller來和Model聯繫，Controller是View和Model的協調者，View和Model不直接聯繫，基本聯繫都是單向的。
用戶User經過控制器Controller來操做模板Model從而達到視圖View的變化。

2.MVP：是從MVC模式演變而來的，都是經過Controller/Presenter負責邏輯的處理+Model提供數據+View負責顯示。
      在MVP中，Presenter徹底把View和Model進行了分離，主要的程序邏輯在Presenter裏實現。
而且，Presenter和View是沒有直接關聯的，是經過定義好的接口進行交互，從而使得在變動View的時候能夠保持Presenter不變。

MVP模式的框架：Riot,js。

3.MVVM：MVVM是把MVC裏的Controller和MVP裏的Presenter改爲了ViewModel。Model+View+ViewModel。
       View的變化會自動更新到ViewModel,ViewModel的變化也會自動同步到View上顯示。
     這種自動同步是由於ViewModel中的屬性實現了Observer，當屬性變動時都能觸發對應的操做。

MVVM模式的框架有：AngularJS+Vue.js和Knockout+Ember.js後兩種知名度較低以及是早起的框架模式。

 

View 是HTML文本的js模板
ViewModel是業務邏輯層（一切js可視業務邏輯，好比表單按鈕提交，自定義事件的註冊和處理邏輯都在viewmodel裏面負責監控倆邊的數據）
Model 數據層 對數據的處理（好比增刪改查）

 

 

二.Vue.js 是什麼

   Vue.js是一個輕巧、高性能、可組件化的MVVM庫，同時擁有很是容易上手的API；

   Vue.js是一個構建數據驅動的Web界面的庫。

   Vue.js是一套構建用戶界面的 漸進式框架。與其餘重量級框架不一樣的是，Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，而且很是容易學習，很是容易與其它庫或已有項目整合。另外一方面，Vue 徹底有能力驅動採用單文件組件和 Vue 生態系統支持的庫開發的複雜單頁應用。數據驅動+組件化的前端開發。

簡而言之：Vue.js是一個構建數據驅動的 web 界面的漸進式框架。Vue.js 的目標是經過儘量簡單的 API 實現響應的數據綁定和組合的視圖組件。核心是一個響應的數據綁定系統。

 

Vue.js的特性以下：

1.輕量級的框架

2.雙向數據綁定

3.指令

4.插件化

 

漸進式的理解:
    不論是單頁面仍是多頁面。首先都是經過聲明式渲染聲明每一個字段，這是基本的要求。
基本要求無論什麼頁面，什麼功能，都會使用聲明式渲染，去渲染咱們的字段，由於咱們須要展示一些功能一些信息，那麼就要經過渲染才能夠。一般咱們會把公共的頭部和尾部抽出來，作成組件。這時候就須要使用組件系統。
單頁面應用程序時每每是須要路由，這時候須要把vue的插件（vue-router）拉進來作路由，若是咱們的項目足夠複雜，大量的使用組件並且難以去管理組件的狀態，這個時候咱們使用vue-resource,vue-resource是集中來管理咱們的狀態的。項目完成後須要構建工具來build咱們的系統，來提升咱們的效果，最後造成完成的項目。

 

三.Vue.js與其餘框架的區別？

 

1.與angularjs的區別

相同點：

都支持指令：內置指令和自定義指令。

都支持過濾器：內置過濾器和自定義過濾器。

都支持雙向數據綁定。

都不支持低端瀏覽器。

 

不一樣點：

(1).AngularJS的學習成本高，好比增長了Dependency Injection特性，而Vue.js自己提供的API都比較簡單、直觀。

(2).在性能上，AngularJS依賴對數據作髒檢查，因此Watcher越多越慢。

Vue.js使用基於依賴追蹤的觀察而且使用異步隊列更新。全部的數據都是獨立觸發的。

對於龐大的應用來講，這個優化差別仍是比較明顯的。

 

2.與React的區別

相同點：

react採用特殊的JSX語法，Vue.js在組件開發中也推崇編寫.vue特殊文件格式，對文件內容都有一些約定，二者都須要編譯後使用。

中心思想相同：一切都是組件，組件實例之間能夠嵌套。

都提供合理的鉤子函數，可讓開發者定製化地去處理需求。

都不內置列數AJAX，Route等功能到核心包，而是以插件的方式加載。

在組件開發中都支持mixins的特性。

 

不一樣點：

React依賴Virtual DOM,而Vue.js使用的是DOM模板。React採用的Virtual DOM會對渲染出來的結果作髒檢查。

Vue.js在模板中提供了指令，過濾器等，能夠很是方便，快捷地操做DOM。

 

四.應用場景：

針對具備複雜交互邏輯的前端應用；

它能夠提供基礎的架構抽象；

能夠經過AJAX數據持久化，保證前端用戶體驗

好處：

當前端和數據作一些操做的時候，能夠經過AJAX請求對後端作數據持久化，不須要刷新整個頁面，只須要改動DOM裏須要改動的那部分數據。特別是移動端應用場景，刷新頁面太昂貴，會從新加載不少資源，雖然有些會被緩存，可是頁面的DOM,JS,CSS都會被頁面從新解析一遍，所以移動端頁面一般會作出SPA單頁應用。

Vue.js的特色：MVVM框架、數據驅動、組件化、輕量、簡潔、高效、快速、模塊友好