自定义选项合并策略

本节目标：理解“自定义选项合并策略”的核心思路，并能把它用于实际开发或面试表达。 自定义选项将使用默认策略，即简单地覆盖已有值。如果想让自定义选项以自定义逻辑合并，可以向 Vue.config.optionMergeStrategies 添加一个函数：

Vue.config.optionMergeStrategies.myOption = function (toVal, fromVal) {  //

返回合并后的值

}

对于多数值为对象的选项，可以使用与 methods 相同的合并策略：

var strategies = Vue.config.optionMergeStrategiesstrategies.myOption = strategies.methods

可以在

Vuex

1.x 的混入策略里找到一个更高级的例子：

const merge = Vue.config.optionMergeStrategies.computedVue.config.optionMergeStrategies.vuex = function (toVal, fromVal) {  if (!toVal) return fromVal  if (!fromVal) return toVal  return {    getters: merge(toVal.getters, fromVal.getters),    state: merge(toVal.state, fromVal.state),    actions: merge(toVal.actions, fromVal.actions)  }}

> 来自

 <https://cn.vuejs.org/v2/guide/mixins.html>