vue中自定义组件及组件间通信

来源:互联网 发布:反洗钱可以怎么优化 编辑:程序博客网 时间:2024/06/10 01:41

首先写了一个子组件goodbye,就是一个普通的div


给它一个样式


如何通过父组件给goodbye这个子组件进行传递数据呢?使用props,然后再在父组件中的子组件进行绑定,goodbye.vue文件中添加props


如何在父组件中饮用goodbye子组件?通过import在script中进行导入


别忘了在进行组件的注册


然后就可以在父组件里放入你想用的子组件,并且给子组件传值


这边有个要注意的地方,由于msg是string类型,所以里面一定要加单引号!!否则会报错说goodbye是not defined!

一个简单的自定义组件及通信就写好了,你学会了吗?