vue教程

一、Vue.js 教程

1. 背景

近年來铃岔,互聯(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

2. 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是什么

3. 為什么要學習Vue.js

與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ù)綁定(所見即所得)三椿;

語法簡潔缺菌。

二葫辐、學習Vue.js的前置儲備知識

HTML

CSS

JavaScript

三、Vue.js教程面向的學習人群

對 Vue.js 感興趣但尚未使用的前端開發(fā)者伴郁。

對 Vue.js 處于實驗階段但尚未正式上線或使用規(guī)模還不大的開發(fā)者耿战。

后端程序員

五、Vue.js的學習的目標

入門掌握Vue.js

實戰(zhàn)并精通Vue.js

源碼級掌控Vue.js

文章來源:https://www.weixue.wang/vue/vue-tutorial.html

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末焊傅,一起剝皮案震驚了整個濱河市剂陡,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌狐胎,老刑警劉巖鸭栖,帶你破解...
    沈念sama閱讀 216,591評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異握巢,居然都是意外死亡晕鹊,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評論 3 392
  • 文/潘曉璐 我一進店門暴浦,熙熙樓的掌柜王于貴愁眉苦臉地迎上來溅话,“玉大人,你說我怎么就攤上這事肉渴」” “怎么了?”我有些...
    開封第一講書人閱讀 162,823評論 0 353
  • 文/不壞的土叔 我叫張陵同规,是天一觀的道長循狰。 經(jīng)常有香客問我,道長券勺,這世上最難降的妖魔是什么绪钥? 我笑而不...
    開封第一講書人閱讀 58,204評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮关炼,結果婚禮上程腹,老公的妹妹穿的比我還像新娘。我一直安慰自己儒拂,他們只是感情好寸潦,可當我...
    茶點故事閱讀 67,228評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著社痛,像睡著了一般见转。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蒜哀,一...
    開封第一講書人閱讀 51,190評論 1 299
  • 那天斩箫,我揣著相機與錄音,去河邊找鬼。 笑死乘客,一個胖子當著我的面吹牛狐血,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播易核,決...
    沈念sama閱讀 40,078評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼匈织,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了耸成?” 一聲冷哼從身側響起报亩,我...
    開封第一講書人閱讀 38,923評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎井氢,沒想到半個月后弦追,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,334評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡花竞,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,550評論 2 333
  • 正文 我和宋清朗相戀三年劲件,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片约急。...
    茶點故事閱讀 39,727評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡零远,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出厌蔽,到底是詐尸還是另有隱情牵辣,我是刑警寧澤,帶...
    沈念sama閱讀 35,428評論 5 343
  • 正文 年R本政府宣布奴饮,位于F島的核電站纬向,受9級特大地震影響,放射性物質發(fā)生泄漏戴卜。R本人自食惡果不足惜逾条,卻給世界環(huán)境...
    茶點故事閱讀 41,022評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望投剥。 院中可真熱鬧师脂,春花似錦、人聲如沸江锨。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽啄育。三九已至汤徽,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間灸撰,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留浮毯,地道東北人完疫。 一個月前我還...
    沈念sama閱讀 47,734評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像债蓝,于是被迫代替她去往敵國和親壳鹤。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,619評論 2 354

推薦閱讀更多精彩內(nèi)容