vue2.x的学习之路--父组件传值给子组件

父组件里面   

 <v-Headers :title="title"></v-Headers>
//传方法的时候不用加括号
 <v-Headers :title="title" :run="run" :sign="123"></v-Headers>
//传父直接本身
 <v-Headers :home="this"></v-Headers>


子组件
 props:['title'], //数组的方式
 
data: function () {
  return {
    counter: this.initialCounter
  }
}
或者：
 props:{ //对象的方式
title: {
      type: String,
      default: ‘aaa’
    },
// 基础的类型检查 (`null` 和 `undefined` 会通过任何类型验证)
sign:null
}
调用的时候,this.title  , this.run()

使用父传过来的方法时可以这样：
在子组件里面
1. <button @click="run(123)">run</button> //可以直接传值 ，父组件里面的方法写上形参
2.<button @click="aaaa(123)">run</button> 
 methods:{
aaaa(s){
 		run(s)
}
    },
两种方式调用父组件的方法
父传来的可以是任何东西以及方法， 包含父组件本身· ，
通过传来的父组件本身也可以直接调用里面所有的东西包括方法， 如果有多个值和方法要传，建议直接传父直接本身
this.home.title
this.home.run