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>

巴特西

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

最新文章

热门文章