Vue数据共享另一个组件

Question

上传图像后，我想将返回的结果传递给另一个组件。有办法吗？ Dropzone =>返回结果。

dropzoneOptions: {
                url: 'http://localhost:5000/',
                method: "post",
                maxFiles: 1,
                thumbnailWidth: 300,
                maxFilesize: 500,
                success: function(file,responejson){
                      this.msg = responejson
                    console.log(this.msg)
                  },
                addRemoveLinks: true,
                dictDefaultMessage: "<i class='fa fa-cloud-upload'></i>Drag & Drop"
            },

我想将msg中的json值移动到另一个组件。

Answer 1

这里可能有两种情况：

1. 将数据从父组件传递到子组件（使用props） https://vuejs.org/v2/guide/components.html#Passing-Data-to-Child-Components-with-Props
2. 将数据从子组件传递到父组件（侦听子事件） https://vuejs.org/v2/guide/components.html#Listening-to-Child-Components-Events