组件拆分

父子组件拆分
父组件
1、首先：在父组件中的html中定义，例如：

< reverseTime-btn :cabinId = " scope.row.cabinId " v-bind:operateType = " 1 " > </ reverseTime-btn >

2、其次：引入(import)子组件的路径
import reverseTimeBtn from "@/views/common/reverseTimeBtn"
3、最后：export default{
   components: {
    "reverseTime-btn": reverseTimeBtn
   },
   data(){}
}
子组件：

1、在子组件的html中：

< template >

    < el-button @click = " openBoxCabin(cabinId,operateType) " > {{btnName}} </ el-button >

</ template >

2、在javascript中

export default{
    props: {
    //props用来接收父组件传给子组件的数据
    cabinId: String,
    operateType: Number
  },
}

转载于:https://my.oschina.net/u/4013226/blog/2980824