VUE技術棧-Vue的基本使用


           VUE技術棧-Vue的基本使用

                                   作者:尹正傑

版權聲明:原創作品,謝絕轉載!否則將追究法律責任。

 

  早期AngularJS兩大核心是模板語法和數據綁定;后來React誕生,特點是組件化,虛擬DOM技術;而作者尤雨溪整合了這兩大框架的優點開源了VUE前端框架,在國內掀起了熱潮。

 

一.VUE概述

1>尤雨西簡介

  尤雨溪是Vue.js框架的作者,HTML5版Clear的打造人。他認為,未來App的趨勢是輕量化和細化,能解決問題的應用就是好應用。而在移動互聯網時代大的背景下,個人開發者的機遇在門檻低,成本低,跨設備和多平台四個方面。

  在美中國學生尤雨溪(Evan You)兩天打造HTML5版的Clear Clear是一款極具創意的、擺脫了任何形式的按鈕的束縛的任務管理應用。和Any.do相比,Clear不僅有着更優秀的UI設計,而且還有比Any.do多得多的手勢操作方式。Clear不但可以拖拽任務、滑動完成任務,同時還可以通過兩個手指操作上下級界面、向左滑動刪除任務、中間添加任務等。幾乎所有的操作都可以通過滑動完成,讓用戶無需一個一個的點擊,減少了點擊數,也讓用戶做事更有效率。

  Clear正式推出的第一天就在App Store排行榜(付費榜和總榜)竄升至第二,成為了蘋果App Store本周最佳應用軟件。而在美中國學生尤雨溪(Evan You)則花了兩天時間,打造了一個HTML5版的Clear,幾乎完整實現了Clear的所有功能,並放出了源代碼。

  尤雨溪畢業於上海復旦附中,在美國完成大學學業,本科畢業於Colgate University,后在Parsons設計學院獲得Design
& Technology藝術碩士學位,現任職於紐約Google Creative Lab。   2014年2月,開發了一個前端開發庫Vue.js。Vue.js是構建Web界面的JavaScript庫,是一個通過簡潔的API提供高效的數據綁定和靈活的組件系統。   2016年9月3日,在南京的JSConf上,Vue作者尤雨溪正式宣布加盟阿里巴巴Weex團隊,尤雨溪稱他將以技術顧問的身份加入Weex團隊來做Vue和Weex的 avaScript runtime整合,目標是讓大家能用Vue的語法跨三端。

2>.VUE概述(其發音和View一樣)

  VUE是一個漸進式JavaScript框架,作者是尤雨溪(一位華裔前Google工程師),和React功能類似,其作用是動態構建前端用戶界面。
 
  VUE中文官網:
    https://cn.vuejs.org/

  VUE英文官網:
    https://vuejs.org/

3>.VUE特點

  遵循MVVM模式

  編碼簡潔, 體積小, 運行效率高, 適合移動/PC 端開發
  它本身只關注UI, 可以輕松引入vue 插件或其它第三庫開發項目

4>.與其它前端JS框架的關聯

  借鑒angular的模板和數據綁定技術

  借鑒react的組件化和虛擬DOM 技術

  溫馨提示:
    有人說:"大公司使用React相對較多,而國內很多中小型公司使用的VUE的偏多";
    也有人說:"歐洲人使用的React偏多,印度人使用Angular較多,而中國使用VUE較多";
    博主說:別在乎別人說啥,選擇你喜歡一個Web框架即可。最好看公司技術主流,如果會React的同事多那盤它。

5>.VUE擴展插件

  vue-cli: 
    vue腳手架,可以基於項目配置幫我們下載基於VUE的項目所需的依賴包。
  vue-resource(axios):
    用於發送ajax請求,vue-resource使用相對不多,推薦大家使用axios。
  vue-router:
    路由
  vuex:
    狀態管理
  vue-lazyload:
     圖片懶加載
  vue-scroller:
    頁面滑動相關
  mint-ui:
    基於vue的UI組件庫(移動端)
  element-ui:
    基於vue的UI組件庫(PC端)

 

二.

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM