Vue 函数式组件 functional
函数式组件
- 无状态
- 无法实例化
- 内部没有任何生命周期处理函数
- 轻量,渲染性能高,适合只依赖于外部数据传递而变化的组件(
展示组件,无逻辑和状态修改
) 在template标签里标明functional
只接受props值
不需要script标签
<template functional> <div> <p v-for="(item,index) in props.items" :key="index" @click="props.itemClick(item)" /> </div> </template>