Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
447 views
in Technique[技术] by (71.8m points)

vue中封装的某组件,由于数据使用vuex全部管理,如何复用这个组件

vue中封装的某组件,由于数据使用vuex全部管理,当我需要使用这个封装模块但是各个模块数据不同时,如何解决?

相关代码

当前使用组件只需引入:
<test/>

新需求要求使用test组件所有逻辑,但与test数据各自保持独立
<parent>
    <test/>   
    <test/>
</parent>

// test 组件会进行相应的数据操作,但是数据来源于vuex

附加说明,复用组件的所有数据源都在vuex里面处理的,但是组件中对数据源操作过多,不想在vuex里面复制一套之前的state、mutations、actions.

如何保证尽量保证不重复代码并且使用vuex处理数据情况下实现组件共用?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

组件数据使用 prop 传入,不要直接使用 vuex 。


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...