vue知识点14

1. 父组件给子组件传值

   1)<组件  属性="传改子组件的值"></组件>

      v-bind:属性="识别数据类型和变量"  不用v-bind 传递的都是字符串

      

   2) 子组件通过props选项  props:["属性"]

       props:{

           属性：类型

       }

               

       props:{

          属性：{

            type:类型，

            required：true  必须传递这个属性

            default:值  设置默认值

            validator(值){

               return 布尔表达式

            }

          }

       }

     3） 父组件传给子组件的值不能更改，单向数据流

        可以把这个值赋值给子组件data里的变量，可以更改子组件里data里的那个变量

1. props

    props:["属性名",....]

2. prop 验证

      props:{

          属性:{

            type:类型，

            required:true,

            default:默认值,

            validator(){

              return xxxx;

            }

          }

    }            

3. 父传子组件的值不能改，因为数据流是单向的

4. 子组件向父组件传值

    1) 父组件先监听自定义事件 v-on：自定义事件

    2） 子组件发送数据 this.$emit("事件的名字"，“数据“)

    3） 父组件通过执行事件处理函数，通过事件对象拿到子组件传过来的值

5. 组件整个生命周期了能被自动调用的函数，就是生命周期的钩子函数

    created   在实例创建完成后被立即调用 可以获取数据

6. 兄弟组件的传值  通过公共的父组件进行传值