一、由餓了麼 UED (知乎專欄)設計的桌面端組件庫已經開源,文檔:Element,倉庫: GitHub - ElemeFE/element: Desktop UI elements for Vue.js 2.0。這套組件庫是基於 Vue 2 的,咱們也但願你們開始使用 Vue 2,一塊兒來豐富它的生態圈。
二、下面提到的移動端組件都被整合進了 Mint UI,倉庫在 GitHub - ElemeFE/mint-ui: Mobile UI elements for vue.js前端
餓了麼。
從去年開始,有愈來愈多的項目在使用 vue。這些項目裏面,有桌面端(好比 餓了麼安全應急響應中心)也有移動端(好比 餓了麼招聘),有面向用戶的,也有後臺系統。
實踐方案的話,vue + webpack + vue-router + vue-resource。
就我我的而言,vue 的開發體驗仍是比較愉悅的。首先,文檔很是友好,因此上手會比較快。其次,配合 webpack 和 vue-loader,每一個頁面都是一個 .vue 文件,寫起來很方便。另外,適合作組件化開發(每一個組件也是一個 .vue 文件,能夠全局或者在須要的地方引入),若是遇到比較複雜的、父子組件間須要頻繁通訊的場景,能夠用 vuex 搞定。
在寫業務的過程當中,團隊的同事們抽象了不少公共組件出來,開源在 github (餓了麼前端 · GitHub)上,你們有興趣的話能夠去試一試。這裏我把這些組件分類介紹一下:vue
vue-swipe:https://github.com/ElemeFE/vue-swipe
幻燈片組件react
vue-infinite-scroll:https://github.com/ElemeFE/vue-infinite-scroll
無限滾動,能夠實現向下的無限加載。是一個 directivewebpack
vue-loadmore:https://github.com/ElemeFE/vue-loadmore
下拉加載和上拉加載。是一個 componentgit
vue-toast-mobile:https://github.com/ElemeFE/vue-toast-mobile
toast 組件github
vue-indicator:https://github.com/ElemeFE/vue-indicator
indicator 組件,提示用戶正在加載,自帶 modalweb
vue-msgbox:https://github.com/ElemeFE/vue-msgbox
彈出框組件vue-router
目前正在編寫一套完整的桌面端組件庫,利用它能夠快速搭建後臺頁面。將於近期開源。vuex
下面要隆重介紹的是前兩天剛發佈的一個工具。對於使用 webpack 打包的項目來講,無論是用 vue,angular 仍是 react,開啓一個新項目的時候都有許多腳手架的工做要作,好比寫 webpack 的配置文件,安裝依賴等等。這個過程有時會很繁瑣,並且對新人不友好。爲了解決這個問題,團隊的小夥伴寫了一個構件工具——cooking - 更易上手的前端構建工具。上面列出的工做,cooking 均可以一鍵完成,可以極大地解放生產力。並且,它不只支持 vue,angular 和 react 也是支持的。
做者:楊奕
連接:https://www.zhihu.com/question/38213423/answer/101195694
來源:知乎
著做權歸做者全部。商業轉載請聯繫做者得到受權,非商業轉載請註明出處。安全