永远不要停止思考

Vue父子组件传值 —— props & $emit

Vue的父子组件传值比较有意思,父组件通过属性绑定,把自身的值和子组件的一个属性绑定起来,子组件通过props属性接收,该属性类型为数组,是Vue对象中比较少有的类型,data、computer、methods等方法都是对象的形式,props则是数组的形式。父组件通过v-on来监听子组件发出的事件来接收子组件的调用。在这里我是理解成子组件发送信号来通知上层,毕竟调用的是this.$emit来做到的。

Link

添加Vue动画

以前一直搞不懂动画是怎么做的,它怎么这么神奇,写了一点看不懂的代码,就实现了非常丰富的效果,现在做了三年Qt开发,接触到了Qt的动画类,明白了动画是怎么一会儿事,现在来看当初的css动画代码,也明白了它是如何工作的了。本文会介绍一下Vue提供的组件过渡动画模块——transitions。

Link

使用webpack-dev-server来监听项目变化

webpack的出现方便了前端开发者,使开发和部署分成了两部分,开发者可以正常根据工程化的要求进行开发,部署时通过webpack实现代码的裁剪和优化。

本次就介绍一个webpack的功能 webpack-dev-server

将webpack与提供实时重载的开发服务器一起使用。这仅应用于开发。
它在后台使用了webpack-dev-middleware,它提供了对Webpack资产的快速内存访问。

Link