Vue合并策略

66 阅读1分钟
  1. el的合并:e选项只存在于根上,合并策略是在保证选项只存在于根
  2. data合并:,将父类的数据整合到子类的数据选项中, 如若父类数据和子类数据冲突时,保留子类数据。如果对象有深层嵌套,则需要递归调用mergeData进行数据合并。
  3. components组件, directive指令, filter过滤器:对于 directives、filters 以及 components 等资源选项,父类选项将以原型链的形式被处理。子类必须通过原型链才能查找并使用内置组件和内置指令
  4. 对于生命周期钩子选项,子类和父类相同的选项将合并成数组,这样在执行子类钩子函数时,父类钩子选项也会执行,并且父会优先于子执行。
  5. 对于watch选项的合并,最终和父类选项合并成数组,并且数组的选项成员
  6. props.methods,inject,computed归结为一类,他们的配置策略一致,简单概括就是,如果父类不存在选项,则返回子类选项,子类父类都存在时,用子类选项去覆盖父类选项。