千锋教育前端Vue3.0全套视频教程（Kerwin2023版，Vue.js零基础

vue中使用props实现父组件向了组件传递数据,具体总结如下

1.父组件使用props属性,来声明需要传递给子组件的数据

2.子组件用props属性来定义它需要接收的数据。

3.子组件通过this.xxx来访问传入的props数据4. props数据是单向绑定,父组件数据变化会反映到子组件,但反过来不行

5.props可以对数据类型、必要性等进行约束

6.props可以设置默认值,在未传递该属性时使用

7.使用驼峰命名传递prop时,子组件引用需要使用相等的驼峰命名

8.最好不要在子组件内部修改props数据,可以使用data、computed来处理。

props让父子组件解耦,提高了复用性和模块化掌握props的使用可以更好地设计vue组件间的通信