vue 子组件传值给父组件

子组件通过this.$emit("event",[args,....])，传值给父组件

HTML部分：

    <div id="app">
        <tmp1 @func="test"></tmp1>
    </div>

JS部分：

    var app = new Vue({
        el: "#app",
        data: {},
        methods: {
            test(data) {
                console.log("父组件中的方法---", data)
            }
        },
        components: {
            "tmp1": {
                template: `<div>
                    <h3>子组件h3</h3>
                    <button @click="myClick">子组件的按钮</button>
                </div>`,
                methods: {
                    myClick() {
                        this.$emit('func', "我是从子组件传过来的数据呀！");
                    }
                }
            }
        }
    });

结果：