Javascript 从另一个组件VueJS版本1调用方法

Javascript 从另一个组件VueJS版本1调用方法,javascript,vue.js,Javascript,Vue.js,我想从另一个组件调用这个方法,比如说父组件。。。所以,假设我没有notie.vue,有一个名为“flash”的方法,我想在API请求成功后调用它 假设是这样的:get API之后,我想用参数-->notie.success('notification type','notification message') 代码如下: 道具的定义如下 props: { type: { default: 'info', required: false },

我想从另一个组件调用这个方法,比如说父组件。。。所以,假设我没有notie.vue,有一个名为“flash”的方法,我想在API请求成功后调用它

假设是这样的:get API之后,我想用参数-->notie.success('notification type','notification message')

代码如下:

道具的定义如下

props: {
    type: {
        default: 'info',
        required: false
    },
    content: {
        default: 'This is just demo text',
        required: false
    },
    visible: {
        type: Boolean,
        default: false
    }
}
以下是数据

data: function () {
    return {
        show: true
    }
}
这里是方法

methods: {
    flash: function () {
        this.show = true;
    }
}
这是HTML代码

<div class="notie" v-bind:class="[{active: show}, type]" v-on:click="close()"> 
    <div class="notie__icon" :class="type"></div>
    <div class="notie__content" v-text="content"></div>
</div>
所以我的问题是,在API请求成功或出错后,如何调用flash()?

如果要调用“parent”,请使用this
this.$parent
如果要调用子对象的方法,请使用this
this.$children[0].someMethod()

这是一个数组
this.$children
如果要调用“parent”,请使用this
this.$parent
如果要调用子对象的方法,请使用this
this.$children[0].someMethod()


这是一个数组
this.$children

调用API的代码在哪里?这很重要吗?我只想在我的应用程序中的任何地方调用它。但你说你想在API请求成功或出错后调用它,这只是我想调用它的一个示例。。。主要的问题是,我如何在任何其他组件中调用notie组件中的方法?调用API的代码在哪里?这很重要吗?我只想在我的应用程序中的任何地方调用它。但你说你想在API请求成功或出错后调用它,这只是我想调用它的一个示例。。。主要的问题是,我如何在任何其他组件中调用notie组件中的方法?
submit: function () {
    this.$http.post('/api/books/add', {
        data: this.data,
    }).then(function (response) {
        // I want to use notie component right here to notice to users.
    }, function (response) {
    });
}