Vue|Vue 关于$emit与props的使用示例代码 Vue关于$emit与props的使用示例代

一、props 和 $emit
二、示例

一、props 和 $emit 1、子组件向父组件传值，通过$emit 事件向父组件发送消息，将自己的数据传递给父组件。
2、props 可以在组件上注册一些自定义属性。父组件通过绑定该属性来向子组件传入数据，子组件通过 props 属性获取对应数据。

二、示例 1.父组件

// parent.vueimport children from '/*...*/'export default{ data () {return {childMessage: '父组件给子组件传值'} }, methods: {updataMsg(message) {this.childMessage = messageconsole.log(this.childMessage) components: {children }}

2.子组件

// children.vue

结果展示
父子组件通信之前

文章图片

父子组件通信之后

文章图片

【Vue|Vue 关于$emit与props的使用示例代码】到此这篇关于Vue 关于$emit与props的使用的文章就介绍到这了,更多相关Vue $emit与props的使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

Vue|Vue 关于$emit与props的使用示例代码

推荐阅读

梦见白玉兰白色玉兰花梦到白色玉兰花

屏幕锁屏怎么设置,锁屏是什么意思

笔记本电脑服务器在哪笔记本服务器地址怎么设置

金大福,周大生,周大福,金伯利,老凤祥,哪一家的首饰质量好？哪家适合婚戒？

佳能m100怎么样佳能m100评测样片

华为nova3i与oppor11哪个好_华为nova3i与oppor11评测对比华为nova3i与oppor11哪个好_华为nova3i与oppor11评测对比

深圳2023春节期间冷不冷深圳今年过年冷吗2021

苏州金鸡湖音乐喷泉什么时间开放苏州金鸡湖音乐喷泉什么时间开放啊

什么材质的菜刀好用锋利什么材质的菜刀好

一般生孩子要多久时间最正常生宝宝要多久

怎么做肉嫩如何做猪肉比较嫩

爱只在最初

广发银行信用卡年费怎么收

plustek,Plustek精益 A3平板扫描仪如何输出信息设置在哪里

提子是酸性还是碱性提子是碱性食物吗

梦见吃桃子又大又红什么意思梦见吃桃子又大又红

智行火车票【加速包取消】方法分享

陕西的面食好还是山西的面食好

上海医院无痛人流排名上海无痛人流多少钱

win10gpu渲染开启方法