菜鸡的bug-vue组件中传递的数据能显示,但是控制台报not defind的错误

在vue开发的父子组件传值的时候,我们一般都是先封装一个子组件,给他取名字,然后在要用到此组件的页面,也就是所说的父组件中将这个子组件导入注册、再使用。我们一般都是用驼峰命名导入的组件,在使用时可以直接用驼峰命名的方式使用,也可以将这个驼峰变成小写,中间以-分隔来进行使用,可以用单标签也可以用双标签,一般用的多的一般是双标签,因为有的时候会用到插槽,所以要用双标签进行插槽的传递。

父子传值时,我们一般用:名称=“传递的值”进行传递,在子组件中用props进行接受,一般没有什么特殊的数据,就是单个的键值对的时候我们可以直接用一个数组来表示接受的props。但是用的多的还是props用对象表示,要接受的数据也用对象表示。这个时候子组件的template中就可以使用props接受的数据了,使用时数据能在页面上展示出来,但是控制台会报错,说未定义什么什么的。我觉得应该是数据加载的比页面渲染的速度快的原因,所以就会报未定义的错误,这个时候,我们只需要通过v-if来判断这个数据的存在性,不存在就不渲染页面,存在就渲染页面即可。就不会出现这个报错,当然最好我们还得写一个v-else来展示没有这个对象的页面,不然就会出现空白页面很难看。    

热门相关:斗神战帝   天启预报   照见星星的她   刺客之王   仗剑高歌