vue笔记-组件

1. 参数由 props 接收
2. 组件传值
   parent.emit
   this.$refs.childRef.childFunction()
3. slot用法

在组件内特定的位置，设定 <slot name="slotName" />
在调用页面，引用组件，并在组件里编写 <div slot="slotName"></div>,此情况用于多个slot情况，若组件只有一个slot，则可不设用name属性，也不用在父级页面设置slot属性，可直接在页面调用的组件内编写
slot此时对页面调用生效，组件内部无法直接对其修改，而是在哪里编写，其作用域就在哪里

<!-- 组件 -->
<template name="custom-layout">
    <div class="left"> 
        <p>1</p>
        <slot name="left"></slot>
    </div>
    <div class="center"> 
        <p>2</p>
        <slot name="center" />
    </div>
    <div class="right"> </div>
</template>
<!-- 父级 -->
<custom-layout>
    <div slot="left"></div>
    <div slot="center"></div>
</custom-layout>