在引入新的vue组件时,可能出现以下错误
data functions should return an object 意思是 “数据函数应返回一个对象”,错误位置为 CommonForm.vue 这个文件
错误原因为:在 vue 组件中即使没有任何参数也需要添加 return{} 返回值,如果不加上则当前组件的数据会变成全局可视,则造成变量污染。加上 return{} 则组件数据只能当前组件可视,不会影响到其他组件
错误代码:
<script>
export default {
name: 'CommonForm',
props: {
formLabel: Array,
form: Object,
inline: Boolean
},
data () {
}
}
</script>
正确代码:
<script>
export default {
name: 'CommonForm',
props: {
formLabel: Array,
form: Object,
inline: Boolean
},
data () {
return { }
}
}
</script>
参考链接:https://blog.csdn.net/qq_19331985/article/details/106265721