<h1 id="title">{{ title }}</h1>
<ul id="sake">
    <li v-for="value in sake">
    {{ value }}
  </li>
</ul>
var title = new Vue({
  el: '#title',
  data: {
    title: '日本全国酒飲み音頭'
  }
})

var sake = new Vue({
  el: '#sake',
  data: {
    sake: [
      "1月は正月で酒が飲めぞ",
      "2月は豆まきで酒が飲めるぞ",
      "3月はひな祭りで酒が飲めるぞ",
      "4月は花見で酒が飲めるぞ",
      "5月は子供の日で酒が飲めるぞ",
      "6月は田植えで酒が飲めるぞ",
      "7月は七夕で酒が飲めるぞ",
      "8月は暑いから酒が飲めるぞ",
      "9月は台風で酒が飲めるぞ",
      "10月は運動会で酒がめるぞ",
      "11月は何でもないけど酒が飲めるぞ",
      "12月はドサクサで酒が飲めるぞ",
    ]
  }
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js