1. **父組件通過屬性名向子組件傳data** 父組件通過給子組件設置屬性名獲取data，子組件注冊屬性名獲取data ``` <div id="app"> <!-- 通過屬性傳參 --> <like :param="count"></like> </div> <template id="test_template"> <!-- 在模板中用差值表達式引用數據 --> <button @click="add">{{num}}</button> </template> <script> Vue.component('like',{ template: '#test_template', /* 注冊屬性值傳參 */ // props:['param'] props: { param: Number }, /* 組件中 */ data() { return { num: this.param } }, methods: { add(){ this.num++ } } }) new Vue({ el: '#app', data: { count: 0 } }) </script> ``` 2. **父組件通過設置事件向子組件傳遞方法** 父組?件向子組件傳遞方法，使用的是事件綁定機制：v-on或者@ ?當我們自定義了一個事件屬性之后，那么，子組件就能夠通過某些方式來調用 ``` //1. 父元素定義需要傳遞的方法 methods: { loadComments(){ var list = JSON.parse(localStorage.getItem('cmts') || '[]'); this.list = list; } } ``` ``` //2. 通過屬性名向子元素傳遞方法 <cmt-box @func="loadComments"></cmt-box> ``` ``` //3. 子元素觸發該方法 //當執行這段代碼時會觸發組件的func方法，即父元素傳入的方法 this.$emit('func'); ``` >[success] 1332432