Vue component-based application structure

最新推荐文章于 2025-06-06 22:24:06 发布

zhuchuji

最新推荐文章于 2025-06-06 22:24:06 发布

阅读量295

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： Vue

本文链接：https://blog.youkuaiyun.com/zhuchuji/article/details/72956952

vue 专栏收录该内容

6 篇文章

订阅专栏

本文介绍Vue.js中基于组件的结构，通过构建小型、独立且可复用的组件来组织大规模应用程序。同时探讨了一次性数据流的概念，即数据从父级组件流向子级组件，并强调了属性向下传递、事件向上传递的原则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Component-based structure

Vue allows us to build large-scale applications composed of small, self-contained and often reusable components. Before building the application, we could abstract the application to a component tree.
Vue component tree
Component abtraction

One-way data flow

Data in components flows from parent down to child by props property: when the parent property updates, it will flow down to the child, but not the other way around. It means that only the component which owns the data should update the property. Instead child should emit an event to notify the parent if child has effect to its parent’s state. That meets the rule: props down, event up. Also it decouple the child component from parent.
parent-child relationship