Unreachable code 代码不可达

在 Vue 组件中data和props是同级关系。它们都是定义在组件选项对象顶层的属性与methods、computed等选项并列。export default { // props 和 data 在这里是并列的同级选项 props: [messageFromParent], data() { return { messageFromMe: Hello! } }, methods: { // ... } } 为什么会感觉像“父子”你之所以会联想到“父子关系”很可能是因为它们所承载的数据来源体现了组件间的父子关系props(properties)用于接收来自父组件传递的数据。它像一个输入接口。data用于管理组件自身的私有状态。它像组件的私有内存。虽然数据流是从父到子通过props但在组件的定义内部props和data这两个选项本身是平级的。⚡datavsprops核心区别尽管它们是同级但职责截然不同。特性dataprops数据来源组件内部定义外部通常是父组件传入所有权组件自己拥有父组件拥有子组件只负责接收可变性可以在组件内部自由修改不应在子组件内部直接修改遵循单向数据流主要用途管理组件的私有状态如表单输入、计数器接收外部配置使组件可复用⚠️ 特殊情况命名冲突虽然它们是同级但强烈不建议在data和props中使用相同的属性名。如果发生命名冲突Vue 会发出警告。在这种情况下props的优先级更高会覆盖data中的同名属性。为了避免混淆和潜在的错误请始终为它们使用不同的名称。