vue组件(子传父,父传子案例)

  • 在vue中父组件向自子组件传递props,子组件向父组件传递属性是用$emit(发布订阅)
  • 下面是一个模态框示例,可以利用到这两个属性。基本逻辑是点击页面上一个按钮,
    弹出弹框,点击弹框上关闭按钮,隐藏弹框
  • (这不是很简单嘛。。。我jq两行就可以实现)确实是但是jq实现的并不是组件,不能每次都把html和js都复制一遍吧,这样工作效率未免太低了,(人家盖房子都用水泥浇筑了,你非要搬砖,你累不累啊)

css

 
  • 先想一下思路:页面上一个button 点击弹出弹框,因为vue是数据驱动的视图,所以需要需要定义一个flag变量,如果flag = ture 那么弹出
  • 弹框出现后,目前是在子组件内,所以需要$emit() 一个关闭事件把flag变为false从而关闭弹框

你可能感兴趣的:(vue组件(子传父,父传子案例))