vue-[Vue warn]: data functions should return an object

问题描述

在创建相应的vue页面组件时，引入组件后运行测试即出现现象中的报错问题。如下问题时vue页面开发中常见的一个问题

现象

当前问题是指向headcard.vue组件

解决方案

在headcard.vue中添加return{}返回值
在使用组件化的时候对应的组件中如果没有任何参数，也必须将retur{} 返回值加上。如果不加上则当前组件的数据会变成全局可视，则造成变量污染。加上return则组件数据只能当前组件可视，不会影响到其他组件

export default{
	data(){
		return{

		}
	},
	methods: {
	
	}
}

错误方式

正确方式

加上 return{} 问题即解决