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

Question

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

Answer 1

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

官网例子

还可再进行拆分
拆分

Answer 2

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

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