Vue.js心得

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 弹出框组件

  • 桌面端

目前正在编写一套完整的桌面端组件库,利用它可以快速搭建后台页面。将于近期开源。

下面要隆重介绍的是前两天刚发布的一个工具。对于使用 webpack 打包的项目来说,不管是用 vue,angular 还是 react,开启一个新项目的时候都有许多脚手架的工作要做,比如写 webpack 的配置文件,安装依赖等等。这个过程有时会很繁琐,而且对新人不友好。为了解决这个问题,团队的小伙伴写了一个构件工具——cooking - 更易上手的前端构建工具。上面列出的工作,cooking 都可以一键完成,能够极大地解放生产力。而且,它不仅支持 vue,angular 和 react 也是支持的。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏移动开发之家

移动端跨平台开发的深度解析

 跨平台一直是老生常谈的话题,cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放,...

14240
来自专栏伪君子的梦呓

不用 ps 都可以获得双色调图片

16960
来自专栏前端新视界

Carousel 旋转画廊特效的疑难杂症

疑难杂症 该画廊特效的特点就是前后元素有层级关系。 我想很多人应该看过或者用过这个插件carousel.js,网上也有相关的教程。不知道这个插件的原型是哪个,有...

23850
来自专栏数据小魔方

think-cell chart系列20——使用建议及附加功能

今天是think-cell chart系列收尾篇——使用建议及附加功能。 由于think-cell chart图表插件是office平台的第三方插件,而且图表...

47240
来自专栏二次元

网页抓包之我的歌单

最近见不少人博客都发了关于网页抓包的教程,然后也激起了我的兴(zhuang)趣(bi),就诞生了这篇文章

10320
来自专栏一“技”之长

iOS开发之BusinessChat框架使用 原

      BusinessChat是iOS11.3后引入的新框架,这个框架配合iMessage应用将商家与用户更加紧密的结合起来,并且为商家提供了另外一种非常...

21820
来自专栏DeveWork

postcss-lazysprite: 一种生成CSS 雪碧图的懒惰姿势

postcss-lazysprite 是一个基于PostCSS 开发的用于生成雪碧图图片及其CSS 的插件,经过半年持续迭代,现已稳定用在旗下两款产品的Web ...

29990
来自专栏机器学习算法与Python学习

极力推荐的Chrome插件!

Momentum能给单调的Chorme首页披上一个漂亮的风景照,毕竟谷歌浏览器的页面打开是这样的。

15100
来自专栏静晴轩

开箱即用的 Vue Webpack 脚手架模版

27850
来自专栏编程微刊

微信小程序常见的UI框架/组件库总结

1.1K40

扫码关注云+社区

领取腾讯云代金券