vue有自己的腳手架構(gòu)建工具vue-cli,使用起來非常方便，使用webpack來集成各種開發(fā)便捷工具，比如：代碼熱更新，修改代碼之后網(wǎng)頁無刷新改變，對前端開發(fā)來說非常的方便PostCss，再也不用去管兼容性的問題了，只針對chrome寫css代碼，會自動編譯生成支持多款瀏覽器的css代碼Eslint，統(tǒng)一代碼風(fēng)格，規(guī)避低級錯誤，對于有代碼潔癖的人來說是絕對的好東西，不過有些地方的代碼校驗有時候也挺麻煩的-.-bable，ES2015出來已經(jīng)有一段時間了，但是不少瀏覽器還沒有兼容ES6.有了bable，放心使用ES6語法，它會自動轉(zhuǎn)義成ES5語法。Stylus，類似于SASS/SCSS，但是可以不寫{}和“：”，使用起來還是很方便的…除此之外，vue-cli已經(jīng)使用node配置了一套本地服務(wù)器和安裝命令等，本地運行和打包只需要一個命令就可以搞定，非常的方便開發(fā)vue非常好的融合了react的組件化思想和angular的指令思想。一個vue的組件將HTML、CSS、JS代碼寫在一個文件里面，這樣既方便編寫，也方便管理和修改Axios在vue1.x的時候，vue的官方推薦HTTP請求工具是vue-resource，但是在vue2.0的時候?qū)⑼扑]工具改成了axios。使用方式都差不多，但需要注意的是：接口返回的res并不直接是返回的數(shù)據(jù)，而是經(jīng)過axios本身處理過的json對象。真正的數(shù)據(jù)在res.data里：axios.get(url).then((res)=>{this.data=res.data})Vuexvue提供了一個數(shù)據(jù)管理工具vuex，有點類似于angular中factory和service，可以進行數(shù)據(jù)上的通信。比如存儲一些公共變量或者是不同組件間的數(shù)據(jù)處理等。這個有一些高級用法在這里不細(xì)說，想要了解的可以去官方文檔看，有中文版本。conststore=newVuex.Store({state:{count:0},mutations:{increment(state){state.count++}}})Vue-Routervue-router是vue的路由系統(tǒng)，可以用來創(chuàng)建單頁應(yīng)用?；舅枷胧窃谥黜撁嬷幸霕?biāo)簽，然后定義路由，把router掛在到app上，然后把各個子頁面渲染到view里面。使用起來還是很方便的，跳轉(zhuǎn)頁面只需要router.push('test')獲取元素節(jié)點vue2.0廢除了v-el指令，所有的節(jié)點指令修改為ref，然后通過ref來獲取元素節(jié)點，如testjscodethis.$ref.testHook組件間的通信一。如果是和子組件通信，則使用ref就可以實現(xiàn)，如：jscodethis.$ref.testHook.add()//調(diào)用test子組件的add方法二。使用emit來發(fā)送廣播vue2提供了一套廣播機制，即一邊發(fā)送廣播，一邊接收廣播來執(zhí)行相應(yīng)操作。使用方法如下：比如想要給test組件發(fā)送一個“相加”廣播:exportdefault{method:{click(){Vue.$emit('add',{})//第二個參數(shù)可作為傳遞數(shù)據(jù)傳送到監(jiān)聽端口，不需要則傳空對象}}}那么test組件中就需要監(jiān)聽，在created方法里寫exportdefault{created(){Vue.$on('add',this.add)},method:{add(){this.count++}}}除了以上總結(jié)的這點小的知識點以外，還有很多vue的知識想要和大家分享，以后會陸續(xù)寫出來，大家感興趣的也可以來我的GitHub一起來寫這個項目（覺得不錯的給個starHah）

介紹：
這是一個用vuejs2.0和element搭建的后臺管理界面。

相關(guān)技術(shù)：
vuejs2.0：漸進式JavaScript框架，易用、靈活、高效，似乎任何規(guī)模的應(yīng)用都適用。
element：基于vuejs2.0的ui組件庫。
vue-router：一般單頁面應(yīng)用spa都要用到的前端路由。
vuex：Vuex 是一個專為 Vue.js 應(yīng)用程序開發(fā)的狀態(tài)管理模式。