Vue函数式组件

函数式组件 Functional

用法，在template标签使用 functional

<template functional>
  <div :class="['y-divider', 'y-divider-' + props.direction]">
    <div
      :class="['y-divider__text', 'is-' + props.position]"
      v-if="slots().default && props.direction !== 'vertical'"
    >
      <slot></slot>
    </div>
  </div>
</template>

特点

1. 无状态
2. 无实例
3. 无生命周期处理函数
4. 轻量化，只适合仅依赖外部数据的组件，即展示组件，无状态变化和逻辑修改的组件
5. 根据第二个特点，可知，无需script标签
6. 根据第三个特点，可知，只接收props属性

待补充