关于前端:VUE组件的封装父组件向子组件传值

1.调用

import info from './priceDetail.vue'components: { Treeselect, info },<info></info>

2.父组件向子组件传值

v-bind:name=""

eg:

父：

<info v-bind:type="type" v-bind:row="row"></info>handleClick(row) {       console.log(row)       this.dialogTableVisible = true       this.row=row//传递的row     },

子：

props: {      type: {        type: String,        required: true,      },      row:{        type:Object,        required:true      }    }, <el-descriptions title="详细信息" v-if="type == 'bw'">created() {      console.log(this.type)      console.log('row',this.row)    },

3.note:

子组件承受的父组件的值分为——援用类型和一般类型两种，
一般类型：字符串（String）、数字（Number）、布尔值（Boolean）、空（Null）
援用类型：数组（Array）、对象（Object）