[FAQ] Quasar BEX Bridge 通信方式 this.$q.bex 未定义的问题

 

Bridge 是一个基于 Promise 的事件系统，在BEX的所有部分之间共享，允许在你的Quasar App中监听事件，从其它部分发出它们。

你可以使用 $q.bex 从你的 Quasar App中访问 Bridge。

在其他位置，Bridge 可以通过各自钩子文件中的 Bridge 参数来实现。

 

如果我们用 `quasar dev` 命令启动 Quasar App 的时候，在方法里输出 this.$q 会发现里面并没有 bex 这个对象。

那是因为使用 `quasar dev` 启动的是 SPA 应用，而不是 BEX 应用。

 

首先我们应使用 `quasar dev -m bex` 启动扩展开发，浏览器把扩展加载进来。

（前提是已经用 `quasar mode add bex` 生成 src-bex 目录）

然后点击扩展图标，此时打开的应用才是浏览器扩展界面（chrome-extension://xxxxxxx），里面才有 this.$q.bex 对象。

 

Ref：Quasar 系列文章

Ref：Quasar Bex Bridge

Ref：https://quasar.dev/quasar-cli-webpack/developing-browser-extensions/bex-communication

Link：https://www.cnblogs.com/farwish/p/16728151.html