vue2.x在模块化编程中子组件必须修改props值时

vue2.x在模块化编程中子组件必须修改props值

在vue官方文档中明确规定props的数据是单向的,我们不应该试图在子组件中修改props!
也给出了两个解决方案
VUE

我们使用第一种方法 因为暂时数据不用变(其实两者差不多)

当我们在父组件中传值之前,我们都会从后台异步获取数据。
在这里有一个在浏览器查看效果时的注意事项(因为代码和官网相差无几就不贴了)
如果你直接在子组件的页面中刷新,将导致数据加载失败,因为父组件的值还没传过来,data还没有获取props里的值,打印data里面的数据就会使undefined,所以我们要从父组件的页面开始刷新。你很容易认为是其他地方的错误,其实不是,这是一个大坑,浪费我很多时间,甚至质疑官方文档,哈哈可以证明自己是真的很可笑!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值