国内有哪些公司在用Vue.js,有什么心得?

不管是PC端,还是WAP端,还是Native端。如果能说说实践方案就更好~~
关注者
3491
被浏览
307640

52 个回答

更新:
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:github.com/ElemeFE/vue-
幻灯片组件

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

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

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

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

vue-msgbox:github.com/ElemeFE/vue-
弹出框组件
  • 桌面端
目前正在编写一套完整的桌面端组件库,利用它可以快速搭建后台页面。将于近期开源。

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

简单的谈谈 历程&心得
  1. 当时前端组在岗3个人,要做很多东西,也受制于后端(php) 没办法啊,要解放生产力就得用工具。当时首选 angular和react 我还特意买了国外的教程 egghead.io - Learn professional JavaScript tools with Tutorial Videos & Training @eggheadio 的教程。但是angular太重了,关键两者学习曲线太陡峭了,三个人风险太大。最终投身Vue了。
  2. 第一次用的时候,微信公众账号开发。但是把Vue当成一个类jquery库来用(不知道这么说合适不合适)。这个阶段Vue承担的责任就是UI呈现,通过接口处理简单的逻辑,一个页面一个Vue实例。复杂的时候有多个。这个阶段前端的路由还是PHP模板/路由控制。这个阶段用成这个德性,顾及大家会骂我们,这不大材小用了么?而且组件和过滤器都没用,那时候写个过渡动画都好开心啊。而且后来二期需求的时候 开发了机票那么复杂的业务,处理列表排序的时候,那酸爽啊。
  3. 小伙伴们尝试了甜头,突然接到上级指示要做webApp。基于第一次的经验,我们参考了青城主题 zerqu/qingcheng · GitHub 开始用Vue + webpack 主程技术预研两天,搭好架子然后开搞。3个人一周把现在的网站搞完了。而且两个女生Vue还是初学其中一个女生js基础不是很好。足以说明Vue起码简单,文档友好完善。后来队员基于当前技术栈做了个开源项目:cnodejs.org/topic/565c4 (代码质量有点渣,但是基本实现了)
  4. 接下来的事情:升级到1.0以上,在社区推广,帮助别人解决一些问题,开始读源码(一个commit一个commit那样读——笨方法),在团队里做深层的技术分享,以及针对单页面应用的SEO问题。 (由于家人骨折刚手术完 需要照顾家人 在推进上有些拖沓,致歉。)

使用心得
  1. 从DOM操作的时代没有压力的过渡到了MVVM时代
  2. 简单上手在团队很快就安利开了(Vue设计的不错,文档完善友好,官方教程看完就能开撸)
  3. 省心 所有的操作关注点都在data上面。开发的时候,写好data 剩下的事情就是 通过异步请求来交互data,UI层绑定事件改变data,在组件间传递data。

-------------------------------------
留好分割线。

没想到分割线是留给这些感慨的:不更新回答了,已经离开这家公司了。现在回答这个问题,我和离开那时候一样凄凉的感觉。这个项目没有什么参考价值了,前两天前同事发个活动点进去,随手发现10个以上的bug 好居基本废弃这个项目了。好的UI虽然能给前端加分,但后面乱七八糟了,不知道是怎么维护的。 (哈哈 说的好像是甩锅的既视感)

vue 已经遍地开花了,真心开心。我们写那时候还没有什么团队用,遇到问题要卡一天两天 。

现在依然写vue,但是写不出当时那种自豪感 和 激情。远程开发中,很开心。不断学习杂七杂八的东西。

vue2.0 升级中 欢迎交流噢……
为什么?