vue框架中引用react组件的方法(基于redux和vuex)

原创 babaxiaomoxian 教程 框架研究 165阅读 2018-05-05 14:18:02 举报

首先创建转换vue组件,内容如下:

在父组件调用转换组件,内容如下:

使用注释:

只需要在父组件中引用子组件,并传入相应参数:
1.reff---->挂载点ref值,用于定义和查找dom节点,当只有一处需要,默认值为BimMount
2.BimCom--->react组件
3.BimComProps----> react组件初始化数据;
4.在vue组件中改变react组件状态的方法:
    在每一个挂载的react组件后,会在$store中注册一个以reff命名的
    store,然后在组件中可以通过this.$store.[reff]Store调用相应
    方法,如:
    挂载节点reff="BimMount",那么调用方法就是:
    this.$store.BimMountStore.getState();
    获取当前react组建的state;
    然后可以用$store的commit或者dispatch直接改变react组件状态
5.后续会附上react组件实现方法
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复