Vue组件中data选项为什么必须是函数，这个原理你懂吗？

本文共计730个文字，预计阅读时间需要3分钟。

官方解释+data+必须是函数+构造Vue+实例时传入的各种选项大多都可以在组件中使用。只有一个例外：data+必须是函数。实际上，如果你这样做：Vue.component('my-component', { template: 'span{' })

官方解释

data 必须是函数

构造 Vue 实例时传入的各种选项大多数都可以在组件里使用。只有一个例外：data 必须是函数。实际上，如果你这么做：

Vue.component('my-component', { template: '<span>{{ message }}</span>', data: { message: 'hello' } })

那么 Vue 会停止运行，并在控制台发出警告，告诉你在组件实例中 data 必须是一个函数。