Vue组件间通信六种方式完整版

(给前端大全加星标,晋升前端技巧)

做家:前端工匠公号/浪里行舟(本文来自做家投稿)

弁言

组件是vu.js最强壮的性能之一,而组件实例的效用域是彼此自力的,这就象征着不同组件之间的数据没法彼此引用。正常来讲,组件也许有下列几种相关:

如上图所示,A和B、B和C、B和D都是父子相关,C和D是伯仲相关,A和C是隔代相关(也许隔多代)。

针对不同的应用途景,怎样抉择行之有用的通讯方法?这是咱们所要切磋的中心。本文归纳了vu组件间通讯的几种方法,如props、$mit/$on、vux、$parnt/$childrn、$attrs/$listnrs和provid/injct,以浅显易懂的实例陈述这此中的差异及应用途景,指望对小同伙随些许扶助。

本文的代码请猛戳


转载请注明:http://www.aierlanlan.com/cyrz/1190.html

  • 上一篇文章:
  •   
  • 下一篇文章: