[VUE父子Props]#tag:vue,props

child.vue

<template lang="html">

</template>

<script>
// 用camel命名法去接收肉串命名法的变量
  
export default {
	props: ['accessoryForm']
}
</script>

<style lang="css">
.top{
	margin-top: 20px;
}
</style>

parent.vue

<template lang="html">
	<child :accessory-form="accessoryForm">
	</child>
</template>

<script>
// camel命名法必须用肉串命名法接收
import Child from './child'
  
export default {
  data(){
    return{
      accessoryForm: {xxx: yyy}
    }
  }
	components: {
      Child
    }
}
</script>

<style lang="css">
.top{
	margin-top: 20px;
}
</style>