VUE 父組件向子組件傳值 （用屬性傳值）

                                  父組件向子組件傳值 （用屬性傳值）

   1. 在父組件中定義要傳的值 有2種大的類型

            1.傳值包括 string   number   boolean 

            2.傳引用包括 array  object      改變一處，所有的引用都改變

2.用v-bing將值綁定到子組件標籤上。

3.在子組件中用props接收綁定的值。

4.最後就可以在methods裏的方法中通過this 獲取和操作這個值了。

舉個栗子：父組件中的 

  <template>
      <div id="home">	
	<header v-bind:fu="ti"></header>
	<footer v-bind:fu="ti"></footer>
      </div>
</template>
<script>
  import Header from './Header'
  import Footer from './Footer'
  export default {
    name: 'home',
    components:{
      "header":Header,
      "footer":Footer,
    },
    data(){
      return{
        ti:"我是string父傳子的"
      }
    },

name:'header',

// props:["fu"],

//屬性傳直

props:{ //接收父傳過來的

fu:{type:String,required:true}

},