Vue初学者问题：webstorm里js报错

 <template>
<div>
  <h1>{{msg}}</h1>
</div>
</template>

<script>
  export default {
    name: 'NewHello',
    data (){
      return {
        msg:'Hello World'
      }
    }
  }
</script>

<style scoped>

</style>

请问我的vue模板里js区域是什么原因出错啊？我初学Vue，不懂，我的IDE是webstorm，配置支持了ES6的。

你看报错的内容，你不应该缩进的地方出现了两个空格的缩进，所以说是缩进格式问题。。。去掉应该就可以了