# Vue 中的 Props 与 Data 细微差别

Vue提供了两种不同的存储变量：props和data。

data是每个组件的私有内存，可以在其中存储需要的任何变量。props是将数据从父组件传递到子组件的方式。

# 什么是 props

在Vue中，props(或properties)是我们将数据从父组件向下传递到其子组件的方式。当我们使用组件构建应用程序时，最终会构建一个称为树的数据结构。类似于家谱
在Vue中，我们在代码的<template>中向组件添加了一些props

WARNING

虽然可以更改组件中的属性，但这是一个非常糟糕的主意。最终还会更改父类正在使用的值，这可能会导致很多混淆。

data是每个组件的内存,这是存储数据和希望跟踪的任何其他变量的地方。
如果我们正在构建一个计数器应用程序，我们将需要跟踪计数，因此我们将向我们的data添加一个count:

不必使用this.props.propA或this.data.dataA。Vue 让我们完全省略了 props 和 dasta，只剩下了更整洁的代码。

我们可以使用this.propA或this.dataA访问它们