vue 子组件传递数据跟父组件 

子组件


<body>
   <div v-on:click="test"></div>

  <script>
   export default {
     data(){
   return {
    data:"我是子组件传递数据给父组件"
}
},
  methods:{
     test:function(){
     this.$emit('list',this.data)   // $emit 有2个参数 第一个是监听父组件事件，第二个是传递的数据
    }
  }


}
</script>
</body>

//父组件

<body>
   <child v-on:list="events"></child>
  <script>
 import child from "./child"
export default{
   methods:{
    events:function(data){
      console.log(data)      // data就是子组件传递过来的参数
  }
},
   components:{
 child
}
}
</script>
</body>

　　

posted @ 2017-05-22 16:06  GoTime  阅读(248)  评论(0)  编辑  收藏  举报