这篇文章主要讲解了“Vue3常用的通讯方式有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Vue3常用的通讯方式有哪些”吧!父组件子组件父组件子组件在Vue3中就没有EventBus了,可以使用mitt.js来替代
安装$ npm install –save mittbus.js兄弟组件A emit触发兄弟组件B on接收Vue2版本是可以通过修饰符.sync让子组件修改父组件的值,但是Vue3就取消这个修饰符,融合到v-model里边去了父组件子组件子组件通过 expose 暴露属性和方法出去
父组件通过 ref 来获取子组件的值和调用方法父组件子组件p免费云主机域名rovide / inject 可以给后代组件传参,嵌套多少层都没问题父组件后代组件Vue2使用 provide / inject 传递数据不是响应式的,所以只能通过传递一个对象数据才能变成响应式
Vue3使用 provide / inject传递数据就是响应式了,这就很便捷父组件子组件子组件效果图父组件子组件效果图感谢各位的阅读,以上就是“Vue3常用的通讯方式有哪些”的内容了,经过本文的学习后,相信大家对Vue3常用的通讯方式有哪些这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是百云主机,小编将为大家推送更多相关知识点的文章,欢迎关注!
相关推荐: div css的布局对比table布局有哪些优点
本篇内容主要讲解“div css的布局对比table布局有哪些优点”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“div css的布局对比table布局有哪些优点”吧! 优点:1、符合W3C标准,可保证网站不会因为网…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。