nuxt上でvueを書く際の注意点

本来vueは

• new vueを宣言
• componentの名前をelで指定してその中で処理

するものだがnuxtはpageフォルダ以下のtemplateがcomponentなので宣言する必要はない

pages/index.vue

<template>
 <div>
  <input v-model="message" placeholder="edit me">
  <p>Message is: {{ message }}</p>
 </div>
</template>
<script>
export default {
  data: () => ({
    message: ''
  })
}
</script>