<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月はドサクサで酒が飲めるぞ",
]
}
})
This Pen doesn't use any external CSS resources.