The data property “user“ is already declared as a prop. Use prop default value instead.

在使用Laravel + Vue + TailwindUI构建博客论坛时遇到Vue组件传值问题,初学者误在data中再次定义已由父组件传递的'user'属性。正确的做法是直接在props中声明并使用,避免在data里重复定义。修复该错误后,组件正常接收父组件传递的对象。

The data property “user” is already declared as a prop. Use prop default value instead.

最近在学习laravel+vue+Tailwind ui写一个博客论坛,由于初次使用vue,然后就在父子件像子组件传值时出现了一个问题,第一反应是传失败了,不过仔细看了一下警告提示,发现是已经赋值,使用默认值会相反。然后仔细查看文档,发现是写法错误。在这里作个记录。

在这里插入图片描述

图片: 这张是错误写法,因为上面已经传了值过来,在data里面不应该再定义:‘’
在这里插入图片描述

下面这样子才是正确写法,应该直接返回
在这里插入图片描述

export default {
    name: "ShowProfile",
    components: {PostList},
    props:{
        'user':{
            type:Object,
        }
    },
    data(){
        return {
        
        }
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值