vue中props（父组传递数据给子组件）的使用

版权声明：1.版权归原作者Moment ° 回忆 ✨所有； 2.未经原作者允许不得转载本文内容，否则将视为侵权； 3.转载或者引用本文内容请注明来源及原作者； 4.对于不遵守此声明或者其他违法使用本文内容者，本人依法保留追究权等。 https://blog.csdn.net/qq_35366269/article/details/85318862

通过props关键字可以传递字符串、数字、布尔、数组、对象、函数

方式一：

在子组件中用 props关键字，后面的每个数据表示的是父组件给子组件要传递的值，其值的数据类型由父组件定义

props: ['isShowDialog', 'stepAttributeData','getAllTransFormInfoString'],

方式二：

同样也是用props关键字，但是数据结构却不同。isShowDialog表示的是父组件要传递给子组件的值，其值是一个布尔类型的数据，如果没有传入值，那么默认为false。getAllTransFormInfoString表示的是父组件传递给子组件的一个函数，父组件传递一个函数给子组件让其调用，其实子父组件之间的函数传递就类似于JS中的函数回调。

    props: {
      isShowDialog: {
        type: Boolean,
        default: false,
      },
      stepAttributeData:{
        type:Object,
        default: function () {
          return null;
        }
      },
      getAllTransFormInfoString:{
        type:Function,
      }
    },