函数式组件是无状态的,无法实例化,没有任何的生命周期和方法。一般适合只依赖外部数据的变化而变化的组件,因其轻量,渲染性能也会有所提高。
,,,
子组件
<template name="comment_list">
<div class="comment">
<div class="comment_top_left">
<img v-if="commentItem.anonymous=='1'" src="@/assets/image/zu53.png" />
<img v-else :src="commentItem.img_url" alt />
<div>
<p class="title_name" v-if="commentItem.anonymous=='1'">匿名用户</p>
<p v-else>{{commentItem.name}}</p>
</div>
</div>
</div>
</div>
</template>
,,,
,,,
父组件
import comment from "@/components/comment";
components: {
comment,
},
<comment :commentItem="item" />