Vue.js 是一套回應式的 JavaScript 開發庫,其他前端開發庫也有很多,比如 jQuery、ExtJS、Angular 等,
Vue.js 自問世以來所受關注度不斷提高,在現在的市場上,Vue.js 是非常流行的 JavaScript 技術開發框架之一,
Vue.js 是什么???
Vue.js作者:尤雨溪
尤雨溪是一位美籍華人,在上海復旦大學附中讀完高中后,在美國完成大學學業,本科畢業于 Colgate University,后在 Parsons 設計學院獲得 Design & Technology 藝術碩士學位,他是 Vue Technology LLC 創始人,曾經在 Google Creative Lab 就職,參與過多個專案的界面原型研發,后加入 Meteor,參與 Meteor 框架本身的維護和 Meteor Galaxy 平臺的互動設計與前端開發,
2014 年 2 月,尤雨溪開源了一個前端開發庫 Vue.js,Vue.js 是構建 Web 界面的 JavaScript 庫,也是一個通過簡潔的 API 提供高效資料系結和靈活組件的系統,
2016 年 9 月 3 日,在南京的 JSConf 上,尤雨溪正式宣布以技術顧問的身份加盟阿里巴巴 Weex 團隊,來做 Vue 和 Weex 的 JavaScript runtime 整合,目標是讓大家能用 Vue 的語法跨三端,
目前,尤雨溪全職投入 Vue.js 的開發與維護,立志將 Vue.js 打造成與 Angular/React 平起平坐的世界頂級框架,
Vue.js 核心理念:
Vue.js(讀音/vju:/,發音類似于view)是一套構建用戶界面的漸進式框架,與其他重量級框架不同的是,Vue 采用自底向上增量開發的設計,
Vue 的核心庫只關注視圖層,并且非常容易學習,也非常容易與其他庫或已有專案整合,Vue 完全有能力驅動采用單檔案組件和 Vue 生態系統支持的庫開發的復雜單頁應用,
Vue 還提供了 MVVM 資料系結和一個可組合的組件系統,具有簡單、靈活的 API,其目標是通過盡可能簡單的 API 實作回應式的資料系結和可組合的視圖組件,
我們也可以說 Vue.js 是一套回應式系統(Reactivity System),資料模型層(Model)只是普通 JavaScript 物件,如下圖所示,{ }代表一個 JavaScript 物件,修改它則更新相應的 HTML 片段(DOM),這些 HTML 片段也稱為“視圖(view)”,這會讓狀態管理變得非常簡單且直觀,可實作資料的雙向系結,所以我們也稱之為回應式系統,

Vue.js 的特點??
Vue.js 是一個優秀的前端界面開發 JavaScript 庫,它之所以非常火,是因為有眾多突出的特點,其中主要的特點有以下幾個,
1) 輕量級的框架
Vue.js 能夠自動追蹤依賴的模板運算式和計算屬性,提供 MVVM 資料系結和一個可組合的組件系統,具有簡單、靈活的 API,使讀者更加容易理解,能夠更快上手,
2) 雙向資料系結
宣告式渲染是資料雙向系結的主要體現,同樣也是 Vue.js 的核心,它允許采用簡潔的模板語法將資料宣告式渲染整合進 DOM,
3) 指令
Vue.js 與頁面進行互動,主要就是通過內置指令來完成的,指令的作用是當其運算式的值改變時相應地將某些行為應用到 DOM 上,
4) 組件化
組件(Component)是 Vue.js 最強大的功能之一,組件可以擴展 HTML 元素,封裝可重用的代碼,
在 Vue 中,父子組件通過 props 傳遞通信,從父向子單向傳遞,子組件與父組件通信,通過觸發事件通知父組件改變資料,這樣就形成了一個基本的父子通信模式,
在開發中組件和 HTML、JavaScript 等有非常緊密的關系時,可以根據實際的需要自定義組件,使開發變得更加便利,可大量減少代碼撰寫量,
組件還支持熱多載(hotreload),當我們做了修改時,不會重繪頁面,只是對組件本身進行立刻多載,不會影響整個應用當前的狀態,CSS 也支持熱多載,
5) 客戶端路由
Vue-router 是 Vue.js 官方的路由插件,與 Vue.js 深度集成,用于構建單頁面應用,Vue 單頁面應用是基于路由和組件的,路由用于設定訪問路徑,并將路徑和組件映射起來,傳統的頁面是通過超鏈接實作頁面的切換和跳轉的,
6) 狀態管理
狀態管理實際就是一個單向的資料流,State 驅動 View 的渲染,而用戶對 View 進行操作產生 Action,使 State 產生變化,從而使 View 重新渲染,形成一個單獨的組件,
Vue.js 的優勢??
作為前端開發人員的首選入門框架,Vue 有很多優勢:- Vue.js 可以進行組件化開發,使代碼撰寫量大大減少,讀者更加易于理解,
- Vue.js 最突出的優勢在于可以對資料進行雙向系結(在之后的撰寫中我們會明顯地感覺到這個特點的便捷),
- 使用 Vue.js 撰寫出來的界面效果本身就是回應式的,這使網頁在各種設備上都能顯示出非常好看的效果,
- 相比傳統的頁面通過超鏈接實作頁面的切換和跳轉,Vue 使用路由不會重繪頁面,
說明:Vue必須在ES5版本以上的環境下使用,一些不支持ES5的舊瀏覽器中無法運行Vue,
轉載自:http://c.biancheng.net/view/6714.html
本文來自博客園,作者:不知名前端李小白,轉載請注明原文鏈接:https://www.cnblogs.com/libo-web/p/15735332.html
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/394980.html
標籤:其他
上一篇:MVVM模式理解
