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

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

61 个回答

更新:
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 也是支持的。

稀土掘金 全网都是用 Vue.js + Webpack 实现的,算是一个纯前端应用,我们的前端开发也谢了一个小的使用总结:稀土掘金:Vue 组件化开发实践

心得:

  1. 明白 Vue.js 的 component system
  2. 理解 component 之间心得数据交互,inherit / pass variable / event 等等
  3. 我觉得 Vue.js 如果使用得当也能做到 UI = Vue(state),所以我用了很多 state 变量,以操作页面样式改动,效果很好
  4. 理解 v-directive 自定义,可以有很多很好用的功能
  5. v-transition 在 dagger 之后又很好用的效果
  6. vue router 加入的比较深,如果之前用了 director 之类的前端路由,改的时候成本比较大
  7. 了解 webpack 使用规则,理解有、无 scss 时如何写局部样式
  8. node-sass 真的很难装(和 Vue.js 没关系只是想吐槽)

有其它问题也可以来找我,如果你想要用 Vue.js 开发出很厉害的应用,也可以联系我加入我们团队:稀土 - 加入我们

为什么?