Vue.js iframe上にプレビューをリアルタイムで描画したい

Question

実現したいこと

Vue.jsでライブプレビューを備えたエディタを作成しようとしています。
以下が参考のために作成したモックです。
jsfiddle:エディタモック

左側のエディタはinput、textareaを複数生成することができ、そこに入力した内容をフォームに応じたクラスを付与したdivで囲み、cssをあてて右側のプレビューで表示します。

モックは現状簡易的なものですが、後にヘッダー・フッターを組み込み、プレビュー自体をレスポンシブ対応にするため、iframeでの実装を考えています。

・dataプロパティでフォームの入力内容を保持しているため、それをiframeに渡す
・プレビュー用のcssをiframeで読み込む
ことができれば実現できるのではと思うのですが、よい方法が見つからず…。

お知恵を拝借させていただけると嬉しいです。よろしくお願いいたします。