创建组件
在components文件夹下创建一个组件名为demo的组件
wx组件.PNG
在文件夹下面右键创建组件
wxx组件2.PNG
在组件中写内容
wxzujian.PNG
在所需要用的页面上进行配置
wxzujian2.PNG
此时在页面中即可显示组件的内容
image.png
父子通信
子传父
在组件中创建触发事件来执行子传父this.triggerEvent('aa',{},{})
参数1：事件名 参数2：传入的数据，参数3：配置
此方法相当于vue中的this.$emit
image.png
image.png
此时我们点击按钮后就会将数据传入到父组件中
父组件利用自定义事件进行接收子组件传来的数据
image.png
image.png
image.png
父传子
此时我们需要将父组件的数据传入子组件中
父组件数据
image.png
定义属性进行传入子组件
image.png
子组件进行接收
可以设置默认值和传入的类型
image.png
子组件中的值就位父组件中传入的值
image.png
