Vue 使用心得,一些插件!(转自知乎)

一、由饿了么 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
来源:知乎
著做权归做者全部。商业转载请联系做者得到受权,非商业转载请注明出处。安全

相关文章
相关标签/搜索