VUE组件的封装--父组件向子组件传值

1.调用

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

2.父组件向子组件传值

v-bind:name=""

eg:

父:


handleClick(row) {
       console.log(row)
       this.dialogTableVisible = true
       this.row=row//传递的row
     },

子:

props: {
      type: {
        type: String,
        required: true,
      },
      row:{
        type:Object,
        required:true
      }
    },
 
created() {
      console.log(this.type)
      console.log('row',this.row)
    },

3.note:

子组件接受的父组件的值分为——引用类型和普通类型两种,
普通类型:字符串(String)、数字(Number)、布尔值(Boolean)、空(Null)
引用类型:数组(Array)、对象(Object)

你可能感兴趣的:(前端)