Day26 子元件与父元件

父子元件沟通
子元件与父元件最简单的分别方法,被引入的元件叫做子元件,而引入的元件的元件叫做父元件
当他们沟通时,父元件会以Pass Props的动作将资料传给子元件,而子元件会以Emit Events的动作将资料传给父元件

1. 父传子(Pass Props)

• 子元件在props建立属性接收父元件的值
• 复原建中注册子元件
• 在子元件新增子元件props建立的属性
• 赋予值属性
  父:
  
  
  子:
  
  

2. 子传父(Emit Events)

• 子元件以点选来触发自定义事件
• 所需要的值作为$emit的引数
• 子元件在父元件中注册并监听子元件
  子:
  
  
  父:
  
  

参考资料:
https://vuejs.org/v2/guide/components.html
https://book.vue.tw/CH2/2-2-communications.html
https://www.itread01.com/content/1545354219.html