本篇文章主要介绍了详解vue跨组件通信的几种方法 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

(用的脚手架vue-cli) 第一步： 在main.js中如下声明使用 import axios from 'axios'; Vue.prototype.$axios=axios; 那么在其他vue组件中就可以this.$axios调用使用 第二步：在webpack配置一下proxyTable(config之下的index.js) dev: { 加入以下 proxyTable: { '/api': { target: 'http://api.douban.com',//设置你调用的接口域

跨域组件工具包，支持： 在其他域上渲染ifr a me或弹出窗口，并传递道具，包括对象和功能 从子窗口本地调用回调，而不必担心后消息传递或跨域限制 创建并公开组件以将功能从您的站点共享给其他人！ 直接将组件渲染为React，Vue或Angular组件！ 它是“数据减少，动作增强”样式的组件，但是使用ifr a me和弹出窗口实现了100％的跨域！ zoid支持的公共选项和方法 不同Zoid模式的工作演示 预先配置了构建，测试，发布和演示的Forkable演示应用程序。 使用zoid的跨域组

这里请求的是知乎日报的api，由izzyleung这位大神提供的，这是github地址。 在vue-cli构建的项目中先安装axios npm install axios -S 这里暂不考虑用vuex封装的方式，只讲在当前组件中直接使用。 先在[removed]中引入 用prototype将axios添加为vue原生的属性，$ajax相当于axios的别名。 然后在要调用的方法或是钩子中请求，$ajax就是上面注册的axios，如果想直接用axios不想设置prototype也可以直接按官方