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端)
二.