在vue开发的父子组件传值的时候，我们一般都是先封装一个子组件，给他取名字，然后在要用到此组件的页面，也就是所说的父组件中将这个子组件导入、注册、再使用。我们一般都是用驼峰命名导入的组件，在使用时可以直接用驼峰命名的方式使用，也可以将这个驼峰变成小写，中间以-分隔来进行使用，可以用单标签也可以用双标签，一般用的多的一般是双标签，因为有的时候会用到插槽，所以要用双标签进行插槽的传递。
父子传值时，我们一般用：名称=“传递的值”进行传递，在子组件中用props进行接受，一般没有什么特殊的数据，就是单个的键值对的时候我们可以直接用一个数组来表示接受的props。但是用的多的还是props用对象表示，要接受的数据也用对象表示。这个时候子组件的template中就可以使用props接受的数据了，使用时数据能在页面上展示出来，但是控制台会报错，说未定义什么什么的。我觉得应该是数据加载的比页面渲染的速度快的原因，所以就会报未定义的错误，这个时候，我们只需要通过v-if来判断这个数据的存在性，不存在就不渲染页面，存在就渲染页面即可。就不会出现这个报错，当然最好我们还得写一个v-else来展示没有这个对象的页面，不然就会出现空白页面很难看。
标签：vue,标签,菜鸡,props,组件,数据,bug,页面 From： https://www.cnblogs.com/xms312/p/17034015.html