无状态、无实例组件

函数式组件是无状态的,无法实例化,没有任何的生命周期和方法。一般适合只依赖外部数据的变化而变化的组件,因其轻量,渲染性能也会有所提高。

,,,
子组件
<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" />

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。