【Vue warn】: Property or method "name" is not defined on the instance but referenced during render の解決方法

はじめに

Vue.jsで開発しているときにエラーに出くわしたので備忘録としてここに残しておきます。
ちなみにめちゃくちゃ初歩的なエラーでした。。笑

エラー

erroe

【Vue warn】: 
Property or method "name" is not defined on the instance but referenced during render 

• 意味

  • プロパティまたはメソッドのnameがインスタンスで定義されていないのに、レンダリング中に参照されてるよ

• 原因

  • dataプロパティでnameのデフォルトの値が設定されていなかった

対処法

dataプロパティでnameのデフォルトの値を定義してあげることで解決できました。

app.vue

<script>
export default {
  // ...code
  data() {
    return {
      name: "",
      //　...code
  },
  // ...code
}