通常我们在渲染子组件时，需要根据业务需要将数据从父组件传递到子组件进行渲染。一般来说，如果子组件渲染一次或者子组件只在页面上渲染一次，只需要将props中的数据直接赋值给data即可完成渲染。或者你可以直接在组件中使用props传递的值，而不用赋值给data。我这里给数据赋值，主要是为了方便后续使用数据。但是在实际的制作过程中，我们需要在一个页面上多次渲染子组件，这会导致组件之间的值混淆。比如A处子组件的值显示了B处子组件的值，这时候我们就需要在vue中使用computed和watch来完成props中数据对子组件的及时更新。在模板渲染中，需要将对应的值修改为computed中返回的值：具体原因稍后补充，如有错误请指正。
