近年來铃岔,互聯(lián)網(wǎng)前端產(chǎn)業(yè)發(fā)展迅速卓练,出現(xiàn)了許多優(yōu)秀的框架。
與此同時库车,這些框架正在逐步改變我們傳統(tǒng)的前端開發(fā)方式。
谷歌的Angular JS樱拴、Facebook的React JS等等前端MVC框架的出現(xiàn)柠衍,模塊化開發(fā)的普及和標準化,改變了原有的開發(fā)思路和標準晶乔。
同時珍坊,也使前端開發(fā)人員加快步伐,更新知識結構正罢。2014年2月阵漏,前谷歌員工尤雨溪已經(jīng)公開發(fā)布了其前端庫Vue.js。今天翻具,Vue.js在Github上收獲了超過14.6萬顆星星履怯,Vue.js已經(jīng)往3.0版本發(fā)展了。
越來越多的開發(fā)人員在實際的生產(chǎn)環(huán)境中使用Vue.js裆泳。
vue代碼開源地址:https://github.com/vuejs/vue
定義
Vue?(讀音 /vju?/叹洲,類似于 view) 是一套用于構建用戶界面的漸進式框架。與其它大型框架不同的是工禾,Vue 被設計為可以自底向上逐層應用运提。
Vue.js?被定義成一個用來開發(fā) Web 界面的前端庫,是個非常輕量級的工具闻葵。
Vue.js?本身具有響應式編程和組件化的特點民泵。
響應式編程:
為了保持狀態(tài)和視圖的同步,這個在大多數(shù)前端?MV*(MVC/MVVM/MVW)框架槽畔,不管是早期的?backbone.js還是現(xiàn)在?AngularJS?都對這一特性進行了實現(xiàn)(也稱之為數(shù)據(jù)綁定)栈妆,但這幾者的實現(xiàn)方式和使用方式都不相同。
相比而言,Vue.js?使用起來更為簡單签钩,也無需引入太多的新概念掏呼,聲明實例?new Vue({ data : data })后自然對 data 里面的數(shù)據(jù)進行了視圖上的綁定。修改 data 的數(shù)據(jù)铅檩,視圖中對應數(shù)據(jù)也會隨之更改憎夷。
組件化理念:
和 ReactJS 異曲同工——“一切都是組件”。
可以將任意封裝好的代碼注冊成標簽昧旨,例如:Vue.component('example', Example)拾给,可以在模板中以?<example></example>?的形式調用。
如果組件抽象得合理兔沃,這在很大程度上能減少重復開發(fā)蒋得,而且配合Vue.js的周邊工具vue-loader,我們可以將一個組件的CSS乒疏、HTML和Javascript都寫在一個文件里额衙,做到模塊化的開發(fā)。
除此之外怕吴,Vue.js 也可以和一些周邊工具配合起來窍侧,例如?vue-router?和?vue-resource,支持了路由和異步請求转绷,這樣就滿足了開發(fā)單頁面應用的基本條件伟件。
更多請參考:vue是什么
與AngularJS和ReactJS相比,Vue.js一直被稱贊為輕量級且易于使用议经。
MVVM開發(fā)模型將前端從原始的DOM操作中釋放出來斧账。
我們不再需要花很多時間來維護視圖和數(shù)據(jù)的統(tǒng)一,只需關注數(shù)據(jù)的變化煞肾,代碼就變得更易于維護咧织。
優(yōu)點
不存在依賴關系;
輕便(25k min+gzip 72K min)扯旷;
適用范圍廣(大中小型項目拯爽,PC,移動端钧忽,混合開發(fā));
本土框架逼肯,社區(qū)非乘屎冢活躍,對于國產(chǎn)的大家的熱情度非常得高(主要還是東西本身好)篮幢;
學習成本低大刊,語法升級平滑(Anguler1升級到2算得上新學一門語言了);
雙向數(shù)據(jù)綁定(所見即所得)三椿;
語法簡潔缺菌。
HTML
CSS
JavaScript
對 Vue.js 感興趣但尚未使用的前端開發(fā)者伴郁。
對 Vue.js 處于實驗階段但尚未正式上線或使用規(guī)模還不大的開發(fā)者耿战。
后端程序員
入門掌握Vue.js
實戰(zhàn)并精通Vue.js
源碼級掌控Vue.js
文章來源:https://www.weixue.wang/vue/vue-tutorial.html