javascript - vue中多个子组件都需要分别绑定点击事件，只是传参不同，应该由子组件独立实现还是由父组件实现？
如题，我使用 vue 开发项目，父组件下有多个子组件，每个子组件负责一块不同的 UI 样式展示，每个子组件我都需要单独绑定 click 事件，传参不同，比如子组件一传参 clickFn("component1"),但是用的点击方法是同一个点击方法，那大家觉得，每个子组件单独引入 click 方法后，绑定点击事件更合理，还是通过 emit 告诉父组件，由父组件统一导入一次 click 方法，绑定点击事件更合理？
共有2个答案
我的建议是把 展示组件 和 容器组件 区分开。�� 展示组件（Presentational Components)与容器组件(Container Components)
也就是说通过展示组件的 emit 来告诉父级容器组件，让容器组件去做业务的逻辑判断。子组件只需要做数据渲染的工作。
统一在父组件处理较好，没必要在每个子组件单独去写，这样点击事件统一在父组件维护就行
-
本文向大家介绍vue父组件点击触发子组件事件的实例讲解，包括了vue父组件点击触发子组件事件的实例讲解的使用技巧和注意事项，需要的朋友参考一下 最近在学习Vue父子组件通信的问题，刚好遇到一个父子之间事件事件派发与接收，在这里记录一下，在这里我使用的是ref 给子组件注册引用信息。官网是这样解释的 ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通
-
如何在Vue.js中将父模型绑定到子模型？ 如果我手动填写输入，那么孩子的模型返回它的值到父的模型。 但问题是，如果来自AJAX的数据集在父级中请求，那么输入不会自动填充。 有人能帮我吗？ Form.vue FormInput.vue
-
本文向大家介绍vue自定义事件中父组件怎么接收子组件的多个参数？相关面试题，主要包含被问及vue自定义事件中父组件怎么接收子组件的多个参数？时的应答技巧和注意事项，需要的朋友参考一下 https://www.cnblogs.com/lalalagq/p/9901139.html
-
有一个父组件 A，上面有两个子组件，B 和 C。 在子组件 B 上有一个子组件 D，其中 D 里面有一个 textarea 在子组件 C 上有一个按钮，点击这个按钮获取 D 里面 textarea 的值。 我尝试的两个方案 方案一：可以通过直接操作 dom 来解决 方案二：通过 D 将 textarea 的值传递给 B，然后由 B 传给 A，再有 A 传给 C，但总是传不成功。 请问我的这个需求，
-
本文向大家介绍vue router动态路由下让每个子路由都是独立组件的解决方案，包括了vue router动态路由下让每个子路由都是独立组件的解决方案的使用技巧和注意事项，需要的朋友参考一下 vue-router 之动态路由 下面看下vue router动态路由下让每个子路由都是独立组件的解决方案 因为 vue-router 对嵌套路由采用的是组件复用策略，这在大部分场景的确是高效的做法，但是如果
-
本文向大家介绍Vue父组件调用子组件事件方法，包括了Vue父组件调用子组件事件方法的使用技巧和注意事项，需要的朋友参考一下 Vue父组件向子组件传递事件/调用事件 不是传递数据（props）哦，适用于 Vue 2.0 方法一：子组件监听父组件发送的方法 方法二：父组件调用子组件方法 子组件： 父组件： 以上这篇Vue父组件调用子组件事件方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希