vue组件传值常用的方法

父传子

props传变量

$parent属性(不推荐,不方便维护)

子传父

子组件定义一个方法f,在里面emit('f1', 子组件信息), 然后在调用子组件的时候添加属性@f1="f2",就可以调用父组件的f2方法接收子组件信息并且使用

兄弟互传

中间人方式:找爹或者爷爷,爷爷找儿子或者孙子

事件总线:一个组件内bus.$on监听事件总线(bus = new Vue()),然后另一个组件bus.$emit

Vuex

vue-cli工程中可以用vuex共享变量,非常方便

posted @ 2021-01-15 18:43  SvenWayne  阅读(57)  评论(0)    收藏  举报