vue 实例如何给一个单文件组件传值

Question

如题, 先看代码：我的入口文件 index.js 代码如下:import app from './component/app.vue'let v = new Vue({      el: '#app',      data() {        return {            test: '',        };    },      template: '<app/>',    components: {        app    }    });Vue.prototype.test = function (str) {    v.$set(v, 'test', str);}app.vue 文件代码如下：<template>    <div class="wrap">        <div>{{test}}</div>    </div></template><script type="text/javascript">export default {    name: 'app',    data() {        return {            test: {},        }    },};</script>我在入口文件里 定义了一个 全局方法 test, 想在(无论哪个)子组件里 直接 通过 this.test('this is test') 都能给 app.vue 里传一个 test 值进来，然后更改 app.vue 里test值，不知道有什么办法能做到这个，或者有其他办法能实现我的功能

Answer 1

用$emit发送，$on接收，具体参见链接
可以在App.vue里

import Vue from 'vue'

Event=new Vue()

//然后在组件里通过Event.$emit发送，Event.$on接收

或者新建一个event.js

import Vue from 'vue'

export var Event = new Vue()

在要传递的组件里

import { event } from 'event.js'

Event.$emit......