[Vue warn]:
Property or method "name" is not defined on the instance but referenced during render.
Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.
See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.
-
意味
- 該当のプロパティまたはメソッドはインスタンスで定義されていないが、レンダリング中に参照されている
- プロパティを初期化することにより、データオプションで、またはクラスベースのコンポーネントで、このプロパティがリアクティブであることを確認してください。
-
原因
-
data
にname
の初期値が定義されていないことが原因
-
-
修正
<script>
export default {
// 省略
data() {
return {
name: "",
// 省略
},
// 省略
}