vue 要求任何传递给组件的数据，都要声明为 props。此外，它还提供了一个强大的内置机制来验证这些数据。这就像组件和消费者之间的契约一样，确保组件按预期使用。

React 的数据是自顶向下单向流动的，即从父组件到子组件中，组件的数据存储在 props 和 state 中。实际上在任何应用中，数据都是必不可少的，我们需要直接的改变页面上一块的区域来使得视图的刷新

传入的值想作为局部变量来使用,直接使用会 报错。错误是说的避免直接修改父组件传入的值,因为会改变父组件的值，解决方案：可以在data中重新定义一个变量,改变指向,但是也只是针对简单数据类型

Vue提供了两种不同的存储变量：props和data。这些方法一开始可能会让人感到困惑，因为它们做的事情很相似，而且也不清楚什何时使用props，何时使用data。那么props和data有什么区别呢？

我们测试了通过一些 props 的结果。但是实际上，我们可以直接测试 props。让我们回到上次的 ToDoList组件，不过这次要用一个新的 Task 组件。我们将要测试 ToDoList 组件是否渲染 Task 组件，并将任务名称传递给他们。

之前看了一篇关于Vue开发技巧的文章,其中提到了在写高级组件时,通过v-bind=$props将props一次性向下传递。这种向下传递的方式我之前没有用过,便看了下官网的介绍,并补充了一些相关API用法,在这里记录一下,方便自己以后查看

写业务时，我们经常需要抽象一些使用频率较高的逻辑，但是除了高阶组件可以抽象逻辑，RenderProps也是一种比较好的方法。RenderProps，顾名思义就是将组件的props渲染出来。实际上是让组件的props接收函数，由函数来渲染内容。将通用的逻辑

render props是指一种在 React 组件之间使用一个值为函数的 prop 共享代码(个人理解：将组件进行函数化，通过调用组件名实现，组件的利用，以元素的形式调用，并渲染画面)，具有 render prop 的组件接受一个函数

和之前的文章一样，本文也要求你对render props有一些知识背景，如果没有官方文档可能会对你有很大的帮助。本文将会使用函数作为children的render props模式以及结合React的context API来作为例子。