iframeにvueファイルの変数を渡したい

Question

前提・実現したいこと

vue.jsでiframeを使用する際に、iframeで呼び出すhtmlファイルに変数や値を渡したいです。

parent.vueで<iframe>タグを用いてchild.htmlを呼び出すとします。
その際に、parent.vueで定義したhensuAをchild.htmlでも使用することは可能でしょうか？
document.getElementByIdなどを使用しましたが、うまくいきませんでした。
ご存知の方は教えていただけますと幸いです。

Answer 1

メッセージでの実装を検討してみるといいと思います。

参考

iframeから親ウィンドウにメッセージを飛ばすクロスオリジン対応版 - Qiita