1.父给子传参(父:自定义属性传递变量,子:用Props['父元素自定义属性']接受),ref/refs父子传参
2.子给父传参(子:this.$emit(父元素自定义事件,传递的值) 父:自定义事件用参数去接收传递来 的值)
3.兄弟间传参(用Vuex 代替)
通过给eventbus注册事件,别的组件触发事件,实现通信。
①创建一个eventbus对象,即创造一个vue对象,用作传递信息。
②接收信息的一方将事件通过vm.$on(“事件名”,事件处理函数)添加在eventbus对象上。
③发送数据的一方,通过vm.$emit(“事件名”,传递的数据)触发事件,将数据传递。
4.依赖注入provide/inject
Vue提供的两个钩子,适用于父子/祖孙之间的通信,层次很深的情况下可以用这种方法,provide发送数据,inject接收数据。
5.$parent(是个对象)/$children(是个数组)
前者可以访问父组件的实例,后者可以访问子组件的实例
6.$root
访问根组件的实例
7.$attrs/$listeners
祖孙隔代通信