vue组件传值不实时更新（菜鸡的bug-vue组件中传递的数据能显示，但是控制台报not defind的错误）
在vue开发的父子组件传值的时候 ，我们一般都是先封装一个子组件 ，给他取名字 ，然后在要用到此组件的页面 ，也就是所说的父组件中将这个子组件导入 、注册 、再使用 。我们一般都是用驼峰命名导入的组件 ，在使用时可以直接用驼峰命名的方式使用 ，也可以将这个驼峰变成小写 ，中间以-分隔来进行使用 ，可以用单标签也可以用双标签 ，一般用的多的一般是双标签 ，因为有的时候会用到插槽 ，所以要用双标签进行插槽的传递 。
父子传值时 ，我们一般用：名称=“传递的值 ”进行传递 ，在子组件中用props进行接受 ，一般没有什么特殊的数据 ，就是单个的键值对的时候我们可以直接用一个数组来表示接受的props 。但是用的多的还是props用对象表示 ，要接受的数据也用对象表示 。这个时候子组件的template中就可以使用props接受的数据了 ，使用时数据能在页面上展示出来 ，但是控制台会报错 ，说未定义什么什么的 。我觉得应该是数据加载的比页面渲染的速度快的原因 ，所以就会报未定义的错误 ，这个时候 ，我们只需要通过v-if来判断这个数据的存在性 ，不存在就不渲染页面 ，存在就渲染页面即可 。就不会出现这个报错 ，当然最好我们还得写一个v-else来展示没有这个对象的页面 ，不然就会出现空白页面很难看 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！