错误 uncaught referenceerror: *** is not defined

vue2 uncaught referenceerror: *** is not defined 出现的一个原因及解决方式

我的代码:

<template>
  <div>
    <h2 @click="showName">学校名称:{{ name }}</h2>
    <h2>学校地址:{{ address }}</h2>
  </div>
</template>
<script>
export default {
  name: School,
  data() {
    return {
        name:"奥特曼大学",
        address:"M87星云" 
        }
  },
  methods:{
      showName(){
          alert(this.name)
      } 
  }
};
</script>

错误原因:name标识没有加引号!!!
修正后代码:

<template>
  <div>
    <h2 @click="showName">学校名称:{{ name }}</h2>
    <h2>学校地址:{{ address }}</h2>
  </div>
</template>

<script>
export default {
  name: "School",
  data() {
    return {
        name:"奥特曼大学",
        address:"M87星云"

    }
  },
  methods:{
      showName(){
          alert(this.name)
      }
  }
};
</script>

新手get一个小技巧:

眼睛放大点,点击此处即可看见错误代码在哪里(此处表示错误代码在第十行).

第一次在csdn写文章,希望对你有用哦!