Vue父组件与子组件传递事件/调用事件

Posted 2020-10-09 lunawzh

1、Vue父组件向子组件传递事件/调用事件

<div id="app">
    <hello list="list" ref="child"></hello>
    <br />
    <button v-on:click="myclick">调用子组件中的方法</button>
</div>
<template id="myT"></template>

<script>
    Vue.component(‘hello‘, {
        template: ‘#myT‘,
        methods: {
            clickme: function () {
                alert("dd");
            }
        }
    });
    var app=new Vue({
        el: ‘#app‘,
       
        methods: {
            myclick: function () {
                this.$refs.child.clickme();
            }
        }
    });
</script>

深入了解：http://blog.csdn.net/asd136912/article/details/70143782