展示组件,无逻辑和状态修改
)在template标签里标明functional
只接受props值
不需要script标签
<template>
<div>
<List :items="[‘Wonderwoman‘, ‘Ironman‘]" :item-click="item => (clicked =
item)" />
<p>Clicked hero: {{ clicked }}</p>
</div>
</template>
<script>
import List from ‘./List‘
export default {
name: "App",
data: () => ({ clicked: "" }),
components: { List }
};
</script>
<template functional>
<div>
<p v-for="(item,index) in props.item" :key="index" @click="props.itemClick(item)" />
</div>
</template>
原文:https://www.cnblogs.com/leslie1943/p/13369338.html