vue组件入门下(组件通信和分发slot)

前面提到组件分为全局和局部组件还有单个引入的方式,组件既然是可以复用的,那么在不同的情况喜爱必定涉及到数据交换的问题。

父组件向子组件props传递参数

//父组件即调用template的页面,此时为app

//父组件message传递参数 自定义message传递静态即字符一(字面量字符) 自定义:message传递动态一(js计算量数字1)

子组件emit自定义事件和参数到父组件

    
    

组件的slot分发

默认插槽(匿名插槽,单个插槽)

匿名插槽slot父组件有html内容就显示内容,无内容子组件slot有就显示默认


我是数据一 我是数据二

具名插槽

具名插槽顾名思义就是子组件slot name="xx",在父组件需要的地方根据slot=xx显示进行分发


我是随便的主题内容

[email protected]

你可能感兴趣的:(vue组件入门下(组件通信和分发slot))