组件数据与 vuejs 中的 props答案

【问题标题】：component data vs its props in vuejs组件数据与 vuejs 中的 props
【发布时间】：2016-06-03 13:43:41
【问题描述】：

官方文档说组件中可以有data和props选项。

对我来说，这似乎是一种过度的功能。

为什么我的组件中需要属性和数据？他们的目标是什么？

【问题讨论】：

【解决方案1】：

属性是从父组件传播和管理的，而数据是组件内部状态（组件负责）。

【讨论】：

那么 prop 是否更像是父子元素之间的一对一绑定（“html 元素”——子元素总是 html 元素？）？而data 属于整个实例？很抱歉回复了一年 [已接受] 的答案，但您也最接近帮助我理解 OP 的问题。
是的，props 在单向绑定中从父级传递给子级（子级无法修改这些值）。数据字段由声明它们的组件设置（可以修改），并作为属性传递给子组件。希望它有所帮助，组件是（html + css + js）的一部分，它们是自包含/独立的，并且可以添加到页面中，只要它们收到所需的道具。
对，类似于 Evan 的回答：data 和 props 都是响应式的，但 data 更像是“我自己的状态”，而 props 是“我希望从我的父母那里得到这个。”