第一次使用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>