vue.jsでcomponentを使ってみる

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'
});