[JavaScript知识库]VUE : Uncaught (in promise) TypeError: dataOptions.call is not a function

哟西。

今天遇到一个问题，使用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的掌握不是特别好，希望有人看到了，并知道为什么，能给我提一嘴。阿里嘎多括在以马斯。