vue1.0.x版本组件事件demo

背景

在vue的使用过程中,经常会通过

  • .vue文件编写组件
  • Vue.extend(require("xx.vue"))实例化组件
  • Vue.component()注册组件;

的方式来使用组件,对于组件间props传参,这种定义使用方式在官网的介绍较少,虽然思路方法同其他方式一致,但是依然会有些许困惑;

vue-prop-demo

做了一个基于这种组件定义使用方式的参数传递、共享demo
演示了通过props和事件两种组件通信(传参)方式,结合官网文档还是挺方便的

使用方式

  • 在线浏览
  • 下载源码

这篇写在2015年11月 最新的vue2.0 改进了组件事件通信 so这个demo只针对1.0.21rc
更新点,很期待 这样组件通信更方便了嘎嘎 其实有做过node开发的会很熟悉 凑是 EventEmitter

更新
目前可以通过ws的vue插件来获得单文件编写的支持了哦~~

你可能感兴趣的:(vue1.0.x版本组件事件demo)