关于父组件向子组件传值的形式（类型一）

前提，在父组件中引入子组件，希望子组件的配置值根据父组件前端的改变而改变...

 父组件中的子组件引入

<template><div id="" style="padding: 20px"><!-- 菜单弹框 --><el-dialog title="自定义操作" :visible.sync="meunShowBool"><Meunref="menu":available-fields="availableFieldsParent"@changeAddVedioType="changeAddVedioType"@changeBoxVedioType="changeBoxVedioType"@changeSkuPrintBool="changeSkuPrintBool"@changeSkuNotesBool="changeSkuNotesBool"@changeReCheckBoxBool="changeReCheckBoxBool"@changeVedioConfig="changeVedioConfig"></Meun></el-dialog>......</div>
</template><script>data: function () {return {
availableFieldsParent: [], 
//父组件向子组件的传值数据
......}
</script>

子组件 Menu.vue

    // 子组件定义props属性接收props: {availableFields: {type: Array,default: () => [],},},

子组件接收父组件的值要满足的条件:

1.子组件props定义属性接收

2.父组件定义传递子组件的变量

3.子组件中定义接收的属性变量，和父组件传值的相关

比如 子组件定义  A 接收父组件的值

父组件中   ：A = ’B‘   B是父组件定义传递给子组件的变量