最近，在 Github 上 Vue.js 比 React 获得更多的 star。该框架受欢迎程度近期飙升，并且由于它并没有类似于 Facebook（React）或者 Google（Angular）这样的公司支持，看到它从不知名的地方崛起，着实让人惊讶。 回顾过去的光辉岁月，在 …

React 世界中，组成一个页面的最小单元为一个个组件，很显然如何合理的创建它们是个非常关键的点。下面介绍一下我对三种创建组件方式的理解与总结。 当函数式的创建一个组件之后，显然它已经注定了没法再拥有自己的 State 了，只能 “无脑” 的去获取属性内容并展示，因为函数式组件…

Webpack是实现我们前端项目工程化的基础，但其实她的用处远不仅仅如此，我们可以通过Webpack来帮我们做一些自动化的事情。首先我们要了解require.context()这个API 不要困惑，接下来我们来探讨在项目中怎么用。 对于Vue中的路由，大家都很熟悉，类似于声明式…

好久没写文章啦~新公司有点忙, 再加上最近在写 node.js, 抽空写一篇吧! 随着 Vue 越来越火热, 相关组件库也非常多啦, 只用轮子怎么够, 还是要造起来!!!滴滴公共前端团队已经有了一篇文章 [Vue] 插件开发入门但是可能具体细节还不够清楚; 在本文中; 将带领大…

1. Vuex实战 2. 实现自己Vuex 3. 实现插件机制 4. 传递store 5. state 6. mutation 7. 响应式state 8. action 9. getter 类似computed，实现也不难 ,使用Object.defineProperty代理…

欢迎来到 Vue2.x Todo 系列教程，这个教程将手把手教你从零开始使用 Vue 搭建一个 Todo（待办事项）应用。 Vue 作者尤雨溪在 新手向：Vue 2.0 的建议学习顺序 中给出了中肯的 Vue 学习建议，本系列教程和项目可以看做是这个建议的实践可操作版本。 Vu…

之前说过，可以使用 props 将数据从父组件传递给子组件。其实还有其它种的通信方式，下面我们一一娓娓道来。 通过自定义事件，我们可以把数据从子组件传输回父组件。子组件通过 $emit() 来触发事件，而父组件通过 $on() 来监听事件，这是典型的观察者模式。 示例中有两个按…

假设父组件的模板包含子组件，我们可以通过 props 来正向地把数据从父组件传递给子组件。props 可以是字符串数组，也可以是对象。 组件中的 props 与 data 函数的区别是：props 中的数组来自于父级，而 data 函数是组件内定义的数据，所以它的作用域是组件本…