【Vue】任意组件之间传值方式

本文章介绍通过事件总线bus传值的方式：

第一步：

在main.js中声明：

Vue.prototype.bus = new Vue();

第二步：

在传出数据的组件中增加以下代码：

组件一：

methods:{
   
        submit(){
   
        	// 在传出数据的组件中增加以下代码：
            this.bus.$emit("avatarlink", this.avatarUrl);
        }
    }

说明：this.avatarUrl为你所需要传出去的值，"avatarlink"是自定义的名称，但两个组件中名称要保持一致。

第三步：

在接收传值的组件中将传过来的数据保存下来。

组件二：

<script>
export default {
     
    data