组件之间的通讯方式

props emit

父组件与子组件通信,通过属性传值的方法。
子组件通过事件传值与父组件 (子 emit=>change 父)

监听

跨级组件里用监听数据的改变

状态管理(redux,vuex,ngrx)

父子组件,兄弟组件,跨级组件都可以利用状态管理进行通讯

refs

refs如果作用在dom元素上,引用的就是dom元素;如果作用在组件上,引用的就是该组件,

     // this.$refs..child01    console.log( this.$refs..child01.title) 或 this.$refs.child01.changeTitle()

通过服务传值

组件之间公用一个service,在service中进行值的赋值与获取

你可能感兴趣的:(前端小技巧)