vue组件传值 父传子、子传父(3种)、非父子传值

父组件向子组件传值

直接在子组件中通过props来接收

父组件：

 
子组件

 
 
 

子组件向父组件传值（3种）

通过$.emit

父组件：

子组件：

gif效果图：

 

通过ref属性

父组件：

子组件：

 

通过slot作用域插槽

ps：只要出现多个插槽，始终为所有的插槽使用完整的基于 template 的语法,即v-slot 只能添加在