前端開發(fā)中近幾年比較火的一個(gè)框架就是vue了，它也是很多公司面試中會(huì)問到的一個(gè)模塊，所以學(xué)習(xí)它很有必要，畢竟工作還是要升職加薪的嘛。

vue學(xué)習(xí)或者開發(fā)中我們也會(huì)經(jīng)常聽到一個(gè)詞語(yǔ)叫做 vue全家桶，那么什么又是vue全家桶呢？不知道這個(gè)就想象一下知道的一個(gè)東西 ---- 肯德基全家桶（吃貨應(yīng)該還算喜歡吧），他們有點(diǎn)類似，就是說并非由單一的元素（元素就好比是那個(gè)雞腿、雞塊啥的）構(gòu)成。

不廢話，直接說vue全家桶的構(gòu)成吧。

第一，vue

官網(wǎng)：https://vuejs.org，它是我們vue的基礎(chǔ)語(yǔ)法，最開始學(xué)習(xí)就需要從它開始。

第二，vue-router

官網(wǎng)：https://router.vuejs.org/zh/，vue中路由的實(shí)現(xiàn)需要借助于它。

第三，axios

github地址：https://github.com/axios/axios，就是實(shí)現(xiàn)ajax的作用（前后端數(shù)據(jù)交互，也有其他的替代，大同小異）。

第四，vuex

官網(wǎng)：https://vuex.vuejs.org/zh/guide/，實(shí)現(xiàn)狀態(tài)管理。

第五，element UI

官網(wǎng)：https://element.eleme.cn/2.0/#/zh-CN ，一套為開發(fā)者、設(shè)計(jì)師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 2.0 的桌面端組件庫(kù)（第三方庫(kù)，也有其他的庫(kù)）。

第六，vue-cli

vue腳手架，方便開發(fā)者快速開發(fā)，有vue-cli2.0,3.0,4.0版本（使用的話就需要有一定的node知識(shí)）。

第七，webpack

官網(wǎng)：https://www.webpackjs.com 

前端很重要的一個(gè)項(xiàng)目打包工具（類似的工具也有很多，例如gulp等，都需要懂一定的node知識(shí)）。

當(dāng)然，也會(huì)有其他的，這里只是展示了使用最多的幾個(gè)內(nèi)容，希望對(duì)對(duì)家有一定的幫助。