Vue2:通过inject在子组件中使用父组件通过mixin引入的公用方法
在Vue 2中,mixins
和inject
都是用于实现组件间代码复用的机制,但它们的使用场景和方式有所不同。
mixins
Vue2:mixin初试,公用方法需返回一个Promise来处理异步问题-CSDN博客中使用了mixins,将多个组件公用的选项(如data、methods、computed等)提取出来,便于维护。
在使用时,组件中引入并使用这个对象,便可直接使用这个对象中所提供的各种选项元素。
特点:
1. 数据合并:如果mixins和组件中有相同的选项,Vue会进行合并处理。对于data,会进行递归合并,并在发生冲突时以组件数据优先。
2. 方法复用:mixins中定义的方法可以在组件中直接使用。
3. 生命周期钩子合并:mixins中的生命周期钩子会在组件的对应钩子之前被调用。