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

今天记录一下这个问题，之前好几次遇到，尝试各种办法就是无法解决，后来发现是自己的粗心导致的问题。

起初检查代码发现并没有什么问题。后来发现个严重问题

每次情不自禁的就自己打，打着打着单词就拼错了。

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

如果怕自己打错，就按照提示的来，保准没错。

下面为了印象深刻，就看看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的一篇文章