vue 子传父组件

原创 2018年04月17日 11:25:14

子组件注册触发事件,父组件注册 触发子组件事件后的方法写在method里面 
父组件

<component-a  @child-say="listen"></component-a>
<p>Do you like me? {{childWords}}</p> methods: {
            listen: function (value){
              this.childWords = value
            }
        }

子组件component-a这么写

<button @click="onClickMe">like!</button>
data () {    retrun {
        item: 'hello,world'
    }},
methods: {
      onClickMe: function(){
        this.$emit('child-say', this.item);
      }
    }

Vue.js的组件(二)父组件与子组件的数据联系 之 父传子

假设有如下组件:/*js*/ Vue.component('my-button',{ tempalte:'一个按钮' }) var app3 = new Vue({ el:'#app3...
  • oak160
  • oak160
  • 2017-03-22 16:14:20
  • 3445

vue-子组件向父组件传值

子组件注册触发事件,父组件注册 触发子组件事件后的方法写在method里面 父组件这么写 Do you like me? {{childWords}} methods: { ...
  • yu88288356
  • yu88288356
  • 2017-02-06 17:22:38
  • 28534

父组件向子组件传递数据(vue.js)

父组件: app.vue 子组件: header.vue 子组件: {{logo}}(我是父组件传递过来的值) {{na...
  • heartAndthink
  • heartAndthink
  • 2017-07-03 17:53:10
  • 3111

【Vue】 vue2.0父子组件传递函数

学习笔记:在vue2.0中,父组件调用子组件时,想要将父组件中的函数体也做传递1. 通过props :需要从子组件传参数到父组件时适用// 父组件.vue ...
  • qq_31164127
  • qq_31164127
  • 2017-10-16 11:28:51
  • 1279

VUE中子组件向父组件传递事件

两种方式,使用场景有区别 1、这也是官网中的例子。父组件中使用on来监听自定义事件test:      子组件中使用emit来分发事件test      methods:{          ...
  • flyhorse1010
  • flyhorse1010
  • 2017-11-30 15:19:46
  • 298

Vue之父组件向子组件传递数据

Vue
  • tian361zyc
  • tian361zyc
  • 2017-06-03 00:27:47
  • 5286

vue.js - 子向父组件传参(下)

1、自定义事件方法一: Vue实例实现了一个自定义事件接口,用于在组件树中通信。这个事件系统独立于原生DOM事件,用法也不同。每个Vue实例都是一个事件触发器: 使用$on()监听事件 使用$emi...
  • zjsfdx
  • zjsfdx
  • 2017-10-29 09:53:29
  • 210

vue父组件与子组件间如何进行数据传递

vue父组件和子组件间怎么进行数据传递 父组件传递数据给子组件(可以通过props属性来实现): 由于组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。要让...
  • qilanbei
  • qilanbei
  • 2017-09-22 11:51:29
  • 2889

子组件传递数据到父组件(vue.js)

父组件: app.vue
  • heartAndthink
  • heartAndthink
  • 2017-07-06 15:47:43
  • 1971

vue组件之间互相传值:父传子,子传父

今看到一篇很不错的vue组件传值文章,便于理解,遂做笔记~ 一般页面的视图App.vue应为这样 一.父组件向子组件传值 1.创建子组件,在src/components/文件...
  • jsxiaoshu
  • jsxiaoshu
  • 2018-01-14 20:30:53
  • 223
收藏助手
不良信息举报
您举报文章:vue 子传父组件
举报原因:
原因补充:

(最多只允许输入30个字)