VueJS内でstyleタグを書くとき

そもそもstyleタグ書くことがおかしいんだけども・・・

＜エラーログ＞
app.js:37892 [Vue warn]: Error compiling template:

Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <style>, as they will not be parsed.

エラーのhtml
<style>.main{}</style>

改善したhtml
<div is="style">.main{}</div>