Component
封装重复性代码,用于代码复用
全局组件,所有实例都是全局组件
局部组件,在实例中注册局部组件,只能用于该实例中
Prop
prop子组件用于接受父组件传递过来的参数
动态prop
绑定到父组件数据中,父组件数据变化时,变化传递给子组件
<Edittable
:Visible="dialogFormVisible"
:Editform="form"
@Edit="Edit(arguments)"
@cancelForm="cancelForm"
:dialogType="dialogType"
>
</Edittable>
prop验证
在prop中获得参数的时候,带上类型type
props:{
Visible:{
type:Boolean
},
Editform:{
type:Object
},
dialogType:{
type:Number
}
},
自定义事件
- 使用 $on(eventName) 监听事件
- 使用 $emit(eventName) 触发事件 子组件数据改变后,发送数据给父组件 ```vue this.$emit(‘Edit’,form,this.dialogFormVisible)
在需要传递两个参数时 父组件需要使用@Edit=”Edit(arguments)”
this.$emit(‘cancelForm’,this.dialogFormVisible)
```