vue-cli中使用prpos、$emit

vue-cli中如何使用props

• 引入子组件

  
  1.png

• 配置子组件

  
  2.png
• 渲染子组件并添加动态isShow
  3.png
• data 中设置show
  4.png

• 添加事件

  
  5.png
• methods 设置事件
  6.png
• 子组件设置props
  7.png
• 子组件渲染isShow
  8.png

$emit子组件通过事件传参给父组件

• 事件为hide
  1.png
• 设置事件 $emit(event,params)
  2.png
• screen组件添加hide事件接收子组件的回调
  3.png
• 设置hide事件 val子组件的传参
  4.png