Передача данных в iframe

Есть страница, на странице iframe, в src iframe url SPA-приложения на Vue.js 2. Домены у основной страницы и src iframe разные. Мне нужно пробросить данные с основной страницы в iframe, для этого пытаюсь воспользоваться единственным возможным способом PostMessage Т.е. с основной страницы делаю:

var frame = document.getElementById('my-iframe');
frame.contentWindow.postMessage(frame.getAttribute('data-key'), '*');

но, при попытке получить переданные данные, в index.html SPA приложения (запущенного в dev режиме: npm run dev), находящегося в iframe:

function listener(event) {
    console.log( event.data );
}
if (window.addEventListener) {
    window.addEventListener("message", listener);
} else {
    window.attachEvent("onmessage", listener);
}

в event.data получаю:

{
    data: undefined
    type: "webpackOk"
    __proto__: Object
}

Т.е. прилетает совсем не то, что я передал с основной страницы. Подскажите пжл, как сделать?

p.s: Шаблон webpack-simple