{"width":"100%","url":"https://kagasu.hatenablog.com/entry/2017/07/29/142145","title":"Vue.js + Onsen UI \u3067 \u30da\u30fc\u30b8\u3092\u5207\u308a\u66ff\u3048\u308b\u65b9\u6cd5","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkagasu.hatenablog.com%2Fentry%2F2017%2F07%2F29%2F142145\" title=\"Vue.js + Onsen UI \u3067 \u30da\u30fc\u30b8\u3092\u5207\u308a\u66ff\u3048\u308b\u65b9\u6cd5 - \u5099\u5fd8\u9332\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","provider_url":"https://hatena.blog","description":"\u2160. \u306f\u3058\u3081\u306b \u30bf\u30a4\u30c8\u30eb\u306e\u901a\u308a\u300cVue.js + Onsen UI \u3067 \u30da\u30fc\u30b8\u3092\u5207\u308a\u66ff\u3048\u308b\u65b9\u6cd5\u300d\u3067\u3059\u3002 \u2161. \u3084\u308a\u65b9 1. App.vue \u3092\u66f8\u304d\u63db\u3048\u308b <v-ons-splitter-content> <component :is=\"$root.currentPage\"></component> </v-ons-splitter-content> 2. main.js \u3092\u66f8\u304d\u63db\u3048\u308b import HomePage from './components/HomePage' const app = new Vue({ data () { return { currentPage: [ HomeP\u2026","categories":["JavaScript","Vue.js","Onsen UI"],"type":"rich","height":"190","blog_title":"\u5099\u5fd8\u9332","blog_url":"https://kagasu.hatenablog.com/","author_url":"https://blog.hatena.ne.jp/kagasu/","author_name":"kagasu","provider_name":"Hatena Blog","version":"1.0","published":"2017-07-29 14:21:45","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/k/kagasu/20170729/20170729141953.gif"}