美文网首页
vue1.0.x版本组件事件demo

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

作者: 懒先森 | 来源:发表于2016-05-13 00:39 被阅读384次

背景

在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

    背景 在vue的使用过程中,经常会通过 .vue文件编写组件 Vue.extend(require("xx.vue...

  • 1-5 函数式组件

    demo1 - 函数式组件 demo2 - 类组件 demo3 - 函数式组件传参 组件里面套组件 - 复合组件 ...

  • vue2.0 同级组件之间的通信

    下面做的小demo是点击组件的时候 将A组件里面的数据{a:'我是A组件'} 传...

  • react naive封装原生UI(android篇)

    本文对于UI组件的封装,主要从两部分介绍: 基本视图封装 事件处理 demo中是封装原生Button组件,记录使用...

  • JS中的动画事件和过渡事件

    动画事件 动画事件demo 过渡动画事件 过渡动画事件demo

  • 高级3

    题目1: 封装一个轮播组件demo题目2: 封装一个曝光加载组件demo题目3: 封装一个 Tab 组件demo

  • vue插槽slot

    -具名插槽 子组件Demo.vue 引用子组件的页面 -作用域插槽 子组件Demo.vue 引用子组件的页面

  • React Hooks

    A simple demo about Hooks 先看一个有状态组件: 我们再来看一下使用hooks后的版本: ...

  • 组件,代码规范探讨

    1.组件规范 需要开发新组件时,首先要创建一个demo工程,然后在demo工程中创建组件工程。要求demo工程能独...

  • (Swift)设置UIcollectionView的sectio

    前言 具体代码demo如下: GitHub_OC版本:Demo具体代码 GitHub_Swift版本:Demo具体...

网友评论

      本文标题:vue1.0.x版本组件事件demo

      本文链接:https://www.haomeiwen.com/subject/ceiprttx.html