Module Error (from D:/allProject/vueProject/vue_first/node_modules/eslint-loader/index.js)——错误的暴露语法

第一次使用Vue脚手架时踩得坑

 提示在 ./src/components/School.vue 文件出现问题！问题是 Moudle Error 

然后发现我使用的暴露方式语法错误，不明白为什么，猜测是脚手架不支持这种简写形式了吧，在这里留个坑，后面知道为什么了就来补充(*^▽^*)

<template>
    <!-- 准备容器 -->
    <div class="school">
        <h2>学校名称:{{name}}</h2>
        <h2>学校地址:{{address}}</h2>
    </div>
</template>

<script>
    //三种暴露方法
    // export const school = Vue.extend({})   错误的
    export default{
        name:'School',
        data(){
            return{
                    name:'B站大学',
                    address:"www.bilibili.com",
            }
        },
    }
</script>

<style>
    .school{
        background-color: pink;
    }
</style>