如何解决VUE中报错 “ Property or method “xxx“ is not defined on the instance but referenced during render.”

今天记录一下这个问题,之前好几次遇到,尝试各种办法就是无法解决,后来发现是自己的粗心导致的问题。
如何解决VUE中报错 “ Property or method “xxx“ is not defined on the instance but referenced during render.”_第1张图片
起初检查代码发现并没有什么问题。后来发现个严重问题
如何解决VUE中报错 “ Property or method “xxx“ is not defined on the instance but referenced during render.”_第2张图片
每次情不自禁的就自己打,打着打着单词就拼错了。

错误:
date()
正确:
data()

如果怕自己打错,就按照提示的来,保准没错。
如何解决VUE中报错 “ Property or method “xxx“ is not defined on the instance but referenced during render.”_第3张图片
下面为了印象深刻,就看看Vue的data属性

Vue中的data属性专门用来以对象方式存放数据,它有两种用法。

var vm=new Vue({
    data:{a:1,b:2,}, 
})
var vm=new Vue({
    data(){return {a:1,b:2,}}, 
})

但是在组件中,只接受第二种用法,即将data作为一个函数名、数据对象作为函数返回值来使用。因为组件可能被用来创建多个实例。如果data仍然是一个纯粹的对象,则所有的实例将共享引用同一个数据对象!通过提供data函数,每次创建一个新实例后,我们能够调用data函数,从而返回初始数据的一个全新副本数据对象。

引用Mr-Nobody的一篇文章

你可能感兴趣的:(VUE)