關于父子組件之間傳遞數據其實文檔上都說得很明白。

 但是如果完全不懂的人做計也看不懂，下面是一個小例子，有兩個文件

1.parent.vue

<template> <child :child-msg="msg" @ok="event"></child></template><script>import child from './child.vue';export default { data(){  return{   msg:'hello worldgogo'  } }, components:{  child }, methods:{  event(val){    console.log(val);  } }}</script><!-- Add "scoped" attribute to limit CSS to this component only --><style scoped></style>

2.child.vue

<template>  <p>{{childMsghello}}</p></template><script>export default {  props: ['childMsg'],  data(){    return{      childMsghello:this.childMsg+'this is child'    }  },  created(){    //自定義事件，并且給監聽此事件的回調函數的值設為200    this.$emit('ok','200');  }}</script><!-- Add "scoped" attribute to limit CSS to this component only --><style scoped></style>

總結

以上所述是小編給大家介紹的vue2.0父子組件間傳遞數據的方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！