美文网首页
vue中子组件向父组件传值

vue中子组件向父组件传值

作者: 不知梦_js | 来源:发表于2018-06-04 09:35 被阅读0次

子组件a.vue部分代码片段

<button @click="emitMyEvent">emit</button>
data(){
    return{
        hello:'I am component a'
    }
}
methods:{
    emitMyEvent(){
        this.$emit('my-event',this.hello)
    }
}

父组件App.vue部分代码片段

<comA @my-event="onComaMyEvent"></comA>
import comA from './components/a'
components:{
    comA
}
methods:{
    onComaMyEvent(paramfromA){
        console.log('onComaMyEvent'+paramfromA)
    }
}

相关文章

  • Vue - 传值

    Vue 传值有两种:1)父组件向子组件传值(属性传值,Prop传值)2)子组件向父组件传值 一、父组件向子组件传值...

  • vue2.0的三种常用传值方式,并且如何实现?

    vue2.0 组件传值方式有三种:父组件向子组件传值,子组件向父组件传值,非父子组件传值 : 父传子: 首先现在父...

  • 2019-03-13

    vue父子组件传值,(父组件向子组件传值用prop ,子组件向父组件传值:子组件调用父组件方法值以参数的方式传递)...

  • 2019-03-13

    vue父子组件传值,(父组件向子组件传值用prop ,子组件向父组件传值:子组件调用父组件方法值以参数的方式传递)...

  • 04vue2.0-Vue组件化-组件间的数据传递

    Vue组件之间传值 父组件向子组件传值 1.父组件向子组件传值 父组件发送的形式是以属性的形式绑定值到子组件身上。...

  • vue中父子组件传值

    vue中父子组件传值是经常使用的场景 父组件向子组件中传值 父组件 子组件 父组件向子组件中传值分三步1、在父组件...

  • Vue组件传值

    vue组件传值 一、父组件向子组件传值方式: 1. 子组件中定义props,父组件向子组件props进行传值。 2...

  • 前端-vue框架学习笔记(二)-传值

    环境:vue-cli+webstorm 目录 1. 父组件向子组件传值 2. 子组件向父组件传值 3. 父组件向子...

  • Vue.js 父子组件传值 . 兄弟组件传值

    概述 vue中组件之间的传值传值情况主要有以下三种 父组件向子组件传值子组件向父组件传值兄弟组件之间相互传值或者是...

  • vue初步学习---组件弹出框的实现

    当你使用终端命令建立vue项目时候,我们可能需要父组件向孙组件传值,或者非父子组件传值,或子组件向父组件传值的时候...

网友评论

      本文标题:vue中子组件向父组件传值

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