使用vue配合组件--转载

1、由饿了么 UED （知乎专栏）设计的桌面端组件库已经开源，文档：Element，仓库： GitHub - ElemeFE/element: Desktop UI elements for Vue.js 2.0。这套组件库是基于 Vue 2 的，我们也希望大家开始使用 Vue 2，一起来丰富它的生态圈。
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-swipe：https://github.com/ElemeFE/vue-swipe
幻灯片组件

vue-infinite-scroll：https://github.com/ElemeFE/vue-infinite-scroll
无限滚动，可以实现向下的无限加载。是一个 directive

vue-loadmore：https://github.com/ElemeFE/vue-loadmore
下拉加载和上拉加载。是一个 component

vue-toast-mobile：https://github.com/ElemeFE/vue-toast-mobile
toast 组件

vue-indicator：https://github.com/ElemeFE/vue-indicator
indicator 组件，提示用户正在加载，自带 modal

vue-msgbox：https://github.com/ElemeFE/vue-msgbox
弹出框组件