Что такое VueJS? Каковы основные особенности VueJS? 6

61. Какие существуют стратегии объединения пользовательских опций?

Vue использует стратегию по умолчанию, которая перезаписывает существующее значение при объединении настраиваемых параметров. Но если вы хотите, чтобы пользовательский параметр был объединен с использованием пользовательского входа в систему, вам необходимо прикрепить функцию к Vue.config.optionMergeStrategies
Для примера структура настраиваемой опции myOptions будет такой, как показано ниже,
Vue.config.optionMergeStrategies.myOption = function (toVal, fromVal) {
//вернуть mergedVal
}
Давайте рассмотрим стратегию слияния Vuex 1.0 в качестве продвинутого примера,
const merge = Vue.config.optionMergeStrategies.computed
Vue.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)
}
}

62. Что такое пользовательские директивы?

Пользовательские директивы - это крошечные команды, которые вы можете прикреплять к элементам DOM. Они имеют префикс v-, чтобы библиотека знала, что вы используете специальный фрагмент разметки, и чтобы синтаксис был согласован. Обычно они полезны, если вам нужен низкоуровневый доступ к HTML-элементу для управления поведением.
Давайте создадим настраиваемую директиву focus, чтобы сосредоточить внимание на конкретном элементе формы во время загрузки страницы,
//Зарегистрируйте глобальную настраиваемую директиву под названием `v-focus`
Vue.directive('focus', {
// Когда связанный элемент вставляется в DOM ...
inserted: function (el) {
//Фокус элемента
el.focus()
}
})
Теперь вы можете использовать директиву v-focus для любого элемента, как показано ниже,

63. Как вы регистрируете директивы локально?

Вы также можете зарегистрировать директивы локально (кроме глобально), используя параметр директив в компоненте, как показано ниже,
directives: {
focus: {
// определение директивы
inserted: function (el) {
el.focus()
}
}
}
Теперь вы можете использовать директиву v-focus для любого элемента, как показано ниже,