修正前
<template>
div id="app"
<p>{{ cook.id }}</p>
<ul>
<li v-for ="cook in cooks">
{{ cook.id }}
</li>
</ul>
</div>
</template>
<script>
export default {
el: "#app",
data: function () {
return {
cook:'cook.id',
cooks: [
{store: "awamori", lat: 26.2155658, lng: 127.6691134},
{store: "awamori", lat: 1222.2222, lng: 3737},
{store: "awamori", lat: 1222.2222, lng: 3737},
]
}
}
}
</script>
<template>
<div>
<google-map :myLatLng="{lat: 26.2125, lng:127.68111}" :zoom="15" />
</div>
</template>
修正後
下記の記述は不要ため削除する。
<template>
<div>
<google-map :myLatLng="{lat: 26.2125, lng:127.68111}" :zoom="15" />
</div>
</template>
メモ
app.vueはHello.vue.jsを通じて表示する