vue 非父子组件之间传值

由于刚使用完，再次进行记录，以后要用可以直接看。

百度看到这篇文章，然后进行了使用。https://www.jianshu.com/p/8e705bb0bb4b

但是我没有建立中间的bus啥的，可能不标准吧。

使用过程如下：

CityTradeArea.vue加入如下代码：

        created(){
            this.$root.$on('change_city_trade_area_content',(val) => {
                //console.log("ok nice"+val);
                this.chooseCity_all(val);
            });
        },
        beforeDestroy(){
            this.$root.$off('change_city_trade_area_content');
        },

这部分代码是用来监听change_city_trade_area_content函数的调用。

再定义一个触发change_city_trade_area_content(）的函数。

Search.vue组件中，点击搜索会触发一个方法。我是在这个方法中触发CityTradeArea中的监听函数。

      do_search() { // 做搜索
        if(this.city_name) {
        // 直接调用在cityTradeArea中监听的方法。
        this.$root.$emit('change_city_trade_area_content', this.city_name);
        }else {
          this.$Message.warning('请先选择城市再进行搜索！');
        }
        
      },

然后this.cityname就是传过去的参数。

另外网上也有说使用vuex来调用的，没进行尝试。