vue.jsでcomponentを使ってみる

2021年1月14日

vue.jsでcomponentを使ってみる

説明はいらなそうですね。

プログラム

【書式】

Vue.component('コンポーネントの名前', {コンポーネントのオプション});

【HTML】

<div id="app">
  <p>↓ここにコンポーネントが入ります。</p>
  <show-hello></show-hello>
</div>

【JS】

Vue.component('show-hello', { template: '<p>Hello Vue!</p>' });

var app = new Vue({
  el: '#app'
});