Vue.js学习——组件参数传递

学习
vue.js

父组件传参数给子组件

  • 父组件：调用子组件的时候v-bind要绑定传递的参数

    1
    <recovery :isDrill="isDrill"></recovery>

  • 子组件：用props注册参数，接收父组件的参数 

    1
    props: ['isDrill']

子组件传参数给父组件

  • 子组件：在事件触发的函数中使用this.$emit()函数。第一个参数是这一组参数的名称，后面的是参数值 

    1
    this.$emit('baksystem_detail',false,true);

  • 父组件：在调用子组件的模版中监听接收这一组参数，调用定义的函数 ，在这个函数中使用获得的参数。

    1
    2
    3
    4
    5
    <BackupSystem_Detail v-on:baksystem_detail="getBaksystemDetail"></BackupSystem_Detail>
    getBaksystemDetail(detail,table){
        this.baksystem_detail = detail;
        this.baksystem_table = table;
    },