Vue.js簡介

1. vue是什麼
2. vue特點
3. vue和其他前端框架區別
4. vue的應用場景

5. vue主要內容

   vue是什麼

   Vue.js (讀音 /vjuː/，類似於 view) 是一套基於javascript的用於構建使用者介面的漸進式框架。與其他重量級框架不同的是，Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注檢視層，它不僅易於上手，還便於與第三方庫或既有專案整合。另一方面，當與單檔案元件和 Vue 生態系統支援的庫結合使用時，Vue 也完全能夠為複雜的單頁應用程式提供驅動。

   vue特點

   簡潔、輕量、元件化、快速、資料驅動、模組友好

   vue和其他前端框架區別

   1.與AngularJS的區別
   相同點：
   都支援指令：內建指令和自定義指令。
   都支援過濾器：內建過濾器和自定義過濾器。
   都支援雙向資料繫結。
   都不支援低端瀏覽器。
   不同點：
   1>AngularJS的學習成本高，比如增加了Dependency Injection(依賴注入)特性，而Vue.js本身提供的API都比較簡單、直觀。
   2>在效能上，AngularJS依賴對資料做髒檢查，所以Watcher越多越慢。
   Vue.js使用基於依賴追蹤的觀察並且使用非同步佇列更新。所有的資料都是獨立觸發的。
   對於龐大的應用來說，這個優化差異還是比較明顯的。
   手機渲染速度：angular1 300ms * vue 200ms * react 100ms
   2.與React的區別
   相同點：
   React採用特殊的JSX語法，Vue.js在元件開發中也推崇編寫.vue特殊檔案格式，對檔案內容都有一些約定，兩者都需要編譯後使用。
   中心思想相同：一切都是元件，元件例項之間可以巢狀。
   都提供合理的鉤子函式，可以讓開發者定製化地去處理需求。
   都不內建列數AJAX，Route等功能到核心包，而是以外掛的方式載入。
   在元件開發中都支援mixins的特性。
   不同點：
   React依賴Virtual DOM,而Vue.js使用的是DOM模板。React採用的Virtual DOM會對渲染出來的結果做髒檢查。
   Vue.js在模板中提供了指令，過濾器等，可以非常方便，快捷地操作DOM。

   vue的應用場景

   簡單地說，就是需要對 DOM 進行很多自定義操作的專案小專案；理論上 Vue 配合類似Flux的架構也可以勝任超大規模多人協作的複雜專案。
   

   vue主要內容

   
   指令
   事件
   鉤子(生命週期)
   路由（Router）
   過濾器
   動畫屬性
   互動（ajax）
   自定義指令（封裝）
   元件
   VUEX（超大專案、難）
   頁面框架【ELEMENTUI（PC端）、MINTUI(手機端)】