父向子元件傳參經常用，比如說我們寫了一個select元件，呼叫的時候需要向子元件傳初始的資料。這就要父元件向呼叫的子元件傳參

父向子傳參
現在我們想要從當前頁面往子元件傳參，在標籤中寫上傳參的資料：<button v-bind:content="msg">
這時在子元件中呼叫this.msgfromfather是undefind 的，需要在子元件的export default 中加入props，表示接受來自父元件的引數，注意陣列接受的是變數，要用引號。

export default{
  props:['msgfromfather'],
 } 

這樣我們就完成了從父元件向子元件傳參的目標了。
效果：

 <h1>{{ msgfromfather }}</h1>

這樣一個 基本的父向子元件傳參就完成了。

細節補充：
1.父向子傳參：

 <counter count="helloworld" @inc="handerinc"></counter>           
 <counter :count="1"></counter> -->
 //父親通過屬性傳遞給子元件（加冒號與不加冒號的區別）
 //加冒號，後面跟的是表示式，不加傳的是字串。
 

 //v-bind:是可省略的

2.單向資料流的概念
單向流的概念，父元件向子元件可以傳值任何值，但是在子元件中不能直接對接受的數值直接修改，如果父元件的資料也在別的子元件使用，直接修改會造成錯誤。

所以會報警告，我們可以自定義一個變數值來接受父元件的引數，就可以任意修改了。

export default{
  data(){
     return{
     msg:this.msgfromfather,
     }
  },
  props:['msgfromfather'],
//我們可以在子元件中用msg資料，並且可以任意修改。