Vue04/Vue组件通信、Vue组件父传子 props 传值 及 props 介绍

组件通信

每个组件都有自己的数据 提供在data中

每个组件的数据是独立的 组件数据 无法互相之间访问

需要 跨组件访问数据 就需要用到 => 组件通信

组件通信方式: 父传子 、子传父

Vue组件父传子 props 

1.父组件给子组件加属性传值

注意:  加 : 号表示可以使用Vue内属性 (data内变量名) 

 自定义属性名1="100" 自定义属性名2="不错" 自定义属性3="data内变量名">

2.子组件中, 通过props属性接收

说明: 子组件一般在 src/components 内

注意: props属性要与data平级

props:[ '自定义属性名1 ' ,'自定义属性名2',' 自定义属性名3' ]

props 介绍

1. props的作用: 父 -> 子 传数据

2. props定义的位置要和data同级

3.props定义格式  props:['属性1','属性2']