普段iPadのTextasticというアプリでコードを書いていて、vuecliが入っていないのでプレビューできず、.vueで作っていた単一コンポートをjsに変更することにしました。
vue
1//App.vue 2<template> 3 <div> 4 <span class="red">Red</span> 5 </div> 6</template> 7 8<script> 9// 省略 10</script> 11 12<style scoped> 13 .red { color: red; } 14</style> 15
となっているものを
js
1//App.js 2const App = { 3 template: '<div><span class="red">Red</span></div> 4 <style scoped>.red { color: red; }</style>', 5}
に変更したのですが、template内に<style scoped></style>
をおいても反映されず、生成されたHTMLを確認すると、styleの部分が消えていました。
この場合styleはどこに配置してあげれば反映されるようになりますか?
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2019/04/17 06:27