はてなブックマーク

Vuejs CLI環境下で一部をhtmlで実装したい時 Vuejs CLIでvue拡張子のファイル内で一部をhtmlファイルを読み込んで実装したい時がある方、 その方々に、試行錯誤を経て分かった方法を共有します。 参考 Vue.jsで外部HTMLファイルをinclude(っぽく)する 環境の整理 開発環境：Vuejs CLIでインストールしたばかりの環境 ##方法 Vuejs CLIをインストールする。 HelloWorld.vueが生成される、その中を以下のように変更。 <template> <div class="hello"> <p>Practice</p> <div v-html="htmlContent"></div> </div> </template> <script> export default { name: "HelloWorld", data() { return