难度级别:中级及以上 提问概率:85%
这道题还可以理解为Vue组件之间的数据是如何进行共享的,也可以理解为组件之间是如何通信的,很多人叫法不同,但都是说的同一个意思。我们知道,在Vue单页面应用项目中,所有的组件都是被嵌套在App.vue内部的,所以项目中所有的组件都是有“血缘关系”的。只不过有的组件关系比较近,像父子组件和兄弟组件这样的;有的组件内部包含子组件,子组件又嵌套子组件,就像古代皇帝生孩子,孩子又生孩子一样;有的组件之间关系就更加疏远了,要向上追溯很多层才能发现,原来各自的祖先竟然是一对兄弟组件。
尽管组件之间的关系或近或远,尽管每个组件都有各自独有的作用域,但现实开发场景由于业务需要,又不得不进行组件间的数据共享。正因为组件间的数据传递,才使得原本庞大的项目可以更加精细有序的进行组件划分,而丰富多彩的组件组合起来,也使得整个项目更加健壮而又完整。接下来我们看一下,有哪些方式可以实现Vue组件间的数据共享呢?
1 父子组件之间的数据传递
父子组件之间的数据传递方式是最常用也是最简单的&#