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

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

在vue官方文档中明确规定props的数据是单向的,我们不应该试图在子组件中修改props!
也给出了两个解决方案
vue2.x在模块化编程中子组件必须修改props值时_第1张图片

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

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

你可能感兴趣的:(vue中有趣的东西,props,vue2.x,子组件)