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

你可能感兴趣的:(vue-cli中使用prpos、$emit)