Vue父子组件交互很麻烦怎么优化？

发布于 2021-11-26 07:22 分类：推广求助

我有个页面，左边是预览区域，右边是操作面板区域，现在这两个区域我放在了一个vue里
由于左边的预览区域是通用组件，我想单独封装成组件。
但现在操作面板组件和预览组件有很多地方需要交互，如果用props父子组件通信和emit去调用函数，感觉特别繁琐，有没有什么好的办法？

已解决悬赏分：20 - 解决时间 2021-11-27 02:11

点赞 0反对 0举报 0 收藏 0

回答2

最佳

@h5niuniu

vuex啊组件传值注意的就是vuex里面进行分离不要写在一个文件里面

官网例子

还可再进行拆分
拆分

支持 0 反对 0 举报

2021-11-26 08:29

@alrightlook

没有代码，不好说怎么优化

父子组件通信应该是最简单的了，vuex还更复杂一些，如果操作差不多，子组件可以通过传递不同参数给父组件，这样只用一个函数就可以，但是为了更好维护，组件确实应该暴露更多接口

支持 0 反对 0 举报

2021-11-26 08:47