簡(jiǎn)介

• 本目錄作為Vue教程的首頁(yè)，所以會(huì)持續(xù)更新。
• 如果某篇章節(jié)中有錯(cuò)誤的地方，希望大家能夠指出來(lái)，我會(huì)更正，私信和評(píng)論里說(shuō)都可以，不懂的地方也可以說(shuō)，如果我也不會(huì)那就請(qǐng)教一下大佬們吧，畢竟我對(duì)前端的東西也不是特別了解，多多包涵！嘿嘿。

章節(jié)列表

Vue簡(jiǎn)介

• Vue官網(wǎng)
• Vue (讀音 /vju?/，類(lèi)似于 view) 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是，Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。
• Vue 的核心庫(kù)只關(guān)注視圖層，不僅易于上手，還便于與第三方庫(kù)或既有項(xiàng)目整合。另一方面，當(dāng)與現(xiàn)代化的工具鏈以及各種支持類(lèi)庫(kù)結(jié)合使用時(shí)，Vue 也完全能夠?yàn)閺?fù)雜的單頁(yè)應(yīng)用提供驅(qū)動(dòng)。
• Vue.js 的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。

Vue特點(diǎn)

• 易用：在有HTML CSS JavaScript的基礎(chǔ)上，快速上手。
• 靈活：簡(jiǎn)單小巧的核心，漸進(jìn)式技術(shù)棧，足以應(yīng)付任何規(guī)模的應(yīng)用。
• 性能：20kb min+gzip 運(yùn)行大小、超快虛擬 DOM 、最省心的優(yōu)化。

Vue中數(shù)據(jù)觀測(cè)的實(shí)現(xiàn)

• Vue.js利用了ES5的Object.defineProperty方法，直接將原生數(shù)據(jù)對(duì)象的屬性改造為getter和setter，在這兩個(gè)函數(shù)內(nèi)部實(shí)現(xiàn)依賴的收集和觸發(fā)，而且完美支持嵌套的對(duì)象結(jié)構(gòu)。對(duì)于數(shù)組，則通過(guò)包裹數(shù)組的可變方法（比如push）來(lái)監(jiān)聽(tīng)數(shù)組的變化。這使得操作Vue.js的數(shù)據(jù)和操作原生對(duì)象幾乎沒(méi)有差別[注:在添加/刪除屬性，或是修改數(shù)組特定位置元素時(shí)，需要調(diào)用特定的函數(shù)，如obj.$add(key, value)才能觸發(fā)更新。這是受ES5的語(yǔ)言特性所限。]，數(shù)據(jù)操作的邏輯更為清晰流暢，和第三方數(shù)據(jù)同步方案的整合也更為方便。

Vue項(xiàng)目打包

• 在構(gòu)建大型應(yīng)用時(shí)，推薦使用Webpack+vue-loader這個(gè)組合以使針對(duì)組件的開(kāi)發(fā)更。
• 在后面的章節(jié)中會(huì)細(xì)說(shuō)怎么打包并部署到服務(wù)器上，也會(huì)講怎么白嫖阿里云(學(xué)生版)，好像有大佬寫(xiě)過(guò)這個(gè)文章，大家搜一下也行，最重要的還是開(kāi)發(fā)。

Vue的組件化開(kāi)發(fā)

• Vue最主要的是組件化開(kāi)發(fā)，因?yàn)槭菃雾?yè)面，也就是在一個(gè)頁(yè)面中渲染出多個(gè)頁(yè)面的效果，這個(gè)特點(diǎn)能夠讓非常多的組件在不同的項(xiàng)目中重復(fù)使用。
• Vue中的組件基于Web components進(jìn)行了上層功能的實(shí)現(xiàn)，例如數(shù)據(jù)綁定、動(dòng)畫(huà)系統(tǒng)等。

Vue與后端的數(shù)據(jù)交互：axios

• 傳統(tǒng)的一般都用Ajax，但如果請(qǐng)求有先后關(guān)系的話就容易產(chǎn)生回調(diào)地獄，套娃套的吧。
• Vue2之后就推薦使用axios了，等寫(xiě)到前后端交互的時(shí)候再講這個(gè)就行。

相關(guān)說(shuō)明

• Vue參考了AngularJS、KnockoutJS、Ractive.js、Rivets.js，可以是把他們的缺點(diǎn)都優(yōu)化成了自己的優(yōu)點(diǎn)，參考過(guò)程中不但去其糟粕，還加入了自己的特性，但目前也只有國(guó)內(nèi)用Vue的比較多，畢竟社區(qū)小，資源少，但以后應(yīng)該會(huì)是潮流，因?yàn)殚_(kāi)發(fā)快好上手。
• 其實(shí)Vue相對(duì)來(lái)說(shuō)是非常好上手的，因?yàn)樗粚?zhuān)注于視圖層。如果只是要用的話，其實(shí)對(duì)原理也不用太糾結(jié)，但既然要全棧，何不貫徹到底，我也是在學(xué)習(xí)中，如果想正規(guī)學(xué)習(xí)的話，我比較推薦coderwhy-王紅君老師的課，他講的挺好的，有些原理講的也是很清楚的，渠道嘛，B站大學(xué)、騰訊課堂啥的都有，還有他的微博，大家可以去網(wǎng)上找。
• 再?gòu)?qiáng)調(diào)一遍，如果發(fā)現(xiàn)不對(duì)的地方請(qǐng)聯(lián)系我，因?yàn)椴幌胝`人子弟，畢竟這是自己的總結(jié)，也不想以后自己還用著錯(cuò)誤的東西，嘿嘿嘿。。。
• Vue作為現(xiàn)在國(guó)內(nèi)最潮流的前端框架，也逐漸成為后端開(kāi)發(fā)人員需要學(xué)的新知識(shí)了，我看現(xiàn)在很多后端崗位的面試?yán)锒紩?huì)提到這個(gè)前端框架，所以大家學(xué)一下是不虧的。
• 在CSDN雜志中有一篇文章：Vue.js：輕量的前端組件化方案，如果大家有興趣就看看吧。