Component

封装重复性代码，用于代码复用
全局组件，所有实例都是全局组件
局部组件，在实例中注册局部组件，只能用于该实例中

Prop

prop子组件用于接受父组件传递过来的参数
动态prop
绑定到父组件数据中，父组件数据变化时，变化传递给子组件

  1. <Edittable 
  2.   :Visible="dialogFormVisible" 
  3.   :Editform="form"  
  4.   @Edit="Edit(arguments)" 
  5.   @cancelForm="cancelForm" 
  6.   :dialogType="dialogType"
  7. >
  9. </Edittable>

prop验证

在prop中获得参数的时候，带上类型type

  1. props:{
  2.    Visible:{
  3.       type:Boolean
  4.    },
  5.    Editform:{
  6.       type:Object
  7.    },
  8.    dialogType:{
  9.       type:Number
  10.    }
  11. },

自定义事件

  • 使用 $on(eventName) 监听事件
  • 使用 $emit(eventName) 触发事件 子组件数据改变后，发送数据给父组件 ```vue this.$emit(‘Edit’,form,this.dialogFormVisible)

在需要传递两个参数时 父组件需要使用@Edit=”Edit(arguments)”

this.$emit(‘cancelForm’,this.dialogFormVisible)

```