本文共 950 字，大约阅读时间需要 3 分钟。

自定义组件

1.创建.vue文件

2.在父组件中引入自定义组件

3.在父组件中注册子组件

4.在父组件中使用子组件

组件通信

1.父组件向子组件传值

App.vue代表父组件，代码如下：

在父组件中使用自定义组件标签时，在标签上声明的属性就是要传递的参数名，标签上属性的值就是要传递的具体值，自定义标签的属性可以使用

v-bind 修饰。

在子组件中使用 props 选项接收外界的传值，代码如下：

2.子组件向父组件传值

在App.vue中使用子组件标签时，自定义一个事件

在子组件中，触发自定义的事件

当点击父组件中间的子组件标签时，即触发了绑定的事件函数

封装自定义组件

1.封装输入框组件

2.封装按钮组件

3.使用自定义的样式组件

转载地址：http://qtqzi.baihongyu.com/