VUE : Uncaught (in promise) TypeError: dataOptions.call is not a function

😎Hello朋友你好！我是一名西安电子科技大学在校学生，🍉目前主要在做web方向，前端居多，别的方向也有尝试。
如果对博客内容有疑问，或者有想法，🎉欢迎私信或评论，看到一定会回复、尽力为大家解决问题！
如果你对web感兴趣，也欢迎👏一起交流讨论，比如学习路线、项目经验、技术点等等。
同时我会不定期写一些学习心得🦀、技术教程、项目教学等博客，希望能丰富大家的👉技术视野。
技术不易，我们，继续努力👏！

今天遇到一个问题，使用VUE3的时候，由路由链接到一个页面的时候，报错Uncaught (in promise) TypeError: dataOptions.call is not a function，上面还有两个data options的警告。

---

报错的英文意思看着是，data的回调必须是一个函数。起初我以为是我页面的 data 不是函数形式：

export default{
	// 应该是这样
	data(){
		return {
			...
		}
	}
}

---

但是检查所有的data后并未发现错误。在尝试修改路由的时候，发现了问题。我最开始路由里面是这么写的：

{
      path: '/master',
      name: "master",
      // 直接在数组里import
      component: () => import("@/pages/home/master/master")
      // component: Master
}

---

修改成为如下代码后报错消失：

{
      path: '/master',
      name: "master",
      // 直接在数组里import
      // component: () => import("@/pages/home/master/master")
      // 先在文件头部import Master from ‘。。。’ 再导入
      component: Master
}

---

问题解决了，但原理一直没想明白，VUE的掌握不是特别好，希望有人看到了，并知道为什么，能给我提一嘴。阿里嘎多括在以马斯。