vue-props-data的区别和应用

  data其实不必多说,data是当前组件保存数据的地方,既可以用上template,也可以在mehtods,生命周期方法等等;而props相信大家是在父组件给子组件进行传递数据时认识的 ,一般我们会给子组件定义props,那么当前组件(父组件)在使用该子组件的时候,可以把父组件的data数据设置给自子组件的props中的属性

  我使用过一段时间的props和data了,我发现这两个特别相似,在同一个组件里面,在template和mehtod以及很多周期方法都可以使用这两者的值。

  进行了一个小测验,发现data是可以使用props数据的,但 props是不能用data数据的。

  然后在使用场景上:

    data:一般当前组件要用到数据的地方,都建议到data数据进行获取。

    props:用在父组件给子组件传递数据时使用,尽量将props赋值给data,让当前组件去获取data,不要直接用props,虽然可以,但建议规范点。

posted @   爱编程DE文兄  阅读(484)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
历史上的今天:
2020-04-02 JavaSE-IO流
点击右上角即可分享
微信分享提示