VUE组件的使用

1.先创建文件夹 components 在 components 文件中创建vue组件
2.在app.vue中引用你的组件
3. 在components 注册你的组件
4. 使用你的组件
注意 以上234步少一步都会报错，包括你注册后未使用也会报错

Vue组件组件传值：父传子、子传父、子传子
在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行给子组件进行传值呢？如果是电商网站系统的开发，还会涉及到购物车的选项，这时候就会涉及到非父子组件传值的情况。父子组件的关系可以总结为 prop 向下传递，事件向上传递。父组件通过 prop 给子组件下发数据，子组件通过事件给父组件发送消息，如下图所示：