# 父傳子 <br> ## 1.props >>1. 在子級組件中，使用選項props來聲明需要從父級接收到的數據。 > > props的值有兩種方式： > > 1. 字符串數組，數組中的字符串就是傳遞時的名稱。 > > 2. 對象，對象可以設置傳遞時的類型（String，Number，Boolean，Array， Object，Date，Function，Symbol），也可以設置默認值等。 > >>2. 在子級組件掛載點上綁定屬性 <br> ``` <div id="app"> <my-parent></my-parent> </div> <template id='temp'> <div> <p>我是父親的段落{{str}} </p> <!-- 給兒子綁定父親傳過來的數據 --> <my-child :mystr = 'str'></my-child> </div> </template> <script> new Vue({ el: '#app', components: { 'MyParent': { template: '#temp', data: function () { return { str: '++++++我是父親的字符串', } }, components: { 'MyChild': { template: '<p>我是兒子的段落{{str}} {{mystr}}</p>', // props:{//屬性 // mystr:{ // type:String,//Array,Number,Object 看父親里面定義的panStr是什么類型的數據 // default:'',//初始化默認值 // } // }, // 數組寫法 props:['mystr'], data: function () { return { str: '------我是兒子的字符串' } }, } }, }, }, }) </script> ``` <br> ***** >**渲染結果**  ## 2.provide和inject provide/inject允許一個祖先組件像向它所有的后代組件注入一個依賴，讓所有改祖先組建的后代組件都能夠訪問到此依賴，依賴可以是屬性和方法。  **執行順序**