Vue中明明已定义num值，为何渲染时提示未定义？

Question

vue中未在实例上定义,但在渲染过程中被引用

我想问问这怎么报错为定义，明明已经定义了num的值，求解答

我尝试复制ai写的和主播的，但代码一样，别人正常，就我这报错未定义，
麻烦帮我解答一下

Answer 1

data 拼写成 date 了。

<script>
export default {
-  date() {
+  data() {
    return { 
       num: 1
    }
  },

前几天也有一个类似的问题 👉 vue.js - vue 初级问题？

最好是可以安装 Code Spell Checker 这样拼写检查插件。虽然 data/date 拼错也检查不出来，不过可以避免一些类似的错误，比如说 true 拼成了 ture 之类的.

Answer 2

date的属性名错别字，应该是 data

Answer 3

关键词 拼写错误了,把date 改成 data。

<script>
export default {
    data() {
    return { 
       num: 1
    }
  }