vue-[Vue warn]: data functions should return an object
问题描述在创建相应的vue页面组件时,引入组件后运行测试即出现现象中的报错问题。如下问题时vue页面开发中常见的一个问题现象当前问题是指向headcard.vue组件解决方案在headcard.vue中添加return{}返回值在使用组件化的时候对应的组件中如果没有任何参数,也必须将retur{} 返回值加上。如果不加上则当前组件的数据会变成全局可视,则造成变量污染。加上return则组件数据只能
·
问题描述
在创建相应的vue页面组件时,引入组件后运行测试即出现现象中的报错问题。如下问题时vue页面开发中常见的一个问题
现象
当前问题是指向headcard.vue组件
解决方案
在headcard.vue中添加return{}返回值
在使用组件化的时候对应的组件中如果没有任何参数,也必须将retur{} 返回值加上。如果不加上则当前组件的数据会变成全局可视,则造成变量污染。加上return则组件数据只能当前组件可视,不会影响到其他组件
export default{
data(){
return{
}
},
methods: {
}
}
错误方式
正确方式
加上 return{} 问题即解决
更多推荐
已为社区贡献1条内容
所有评论(0)