在引入新的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

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐