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

21. Как вы определяете псевдонимы пользовательских модификаторов клавиш?

Вы можете определить собственные псевдонимы модификаторов клавиш через глобальный config.keyCodes. Есть несколько рекомендаций по свойствам
i. Вы не можете использовать camelCase. Вместо этого можно использовать kebab-case с двойными кавычками.
ii. Вы можете определить несколько значений в формате массива
Vue.config.keyCodes = {
f1: 112,
"media-play-pause": 179,
down: [40, 87],
};

22. Какие поддерживаются клавиши модификатора системы?

Vue поддерживает приведенные ниже модификаторы для запуска слушателей событий мыши или клавиатуры при нажатии соответствующей клавиши.

1. 
   .ctrl
   
2. 
   .alt
   
3. 
   .shift
   
4. 
   meta
   

Давайте рассмотрим пример модификатора управления с событием щелчка,

Do something

23. Какие поддерживаются модификаторы кнопок мыши?

Vue поддерживает модификаторы кнопок мыши ниже

1. 
   .left
   
2. 
   .right
   

iii. .middle
Например, использование модификатора .right, как показано ниже
v-if="button === 'right'"
v-on:mousedown.right="increment"
v-on:mousedown.left="decrement"
/>

24. Как реализовать двустороннюю привязку?

Вы можете использовать директиву v-model для создания двусторонних привязок данных для ввода формы, текстового поля и элементов выбора.
Давайте возьмем пример с использованием компонента ввода,

The message is: {{ message }}

Помните, что v-model будет игнорировать начальное значение, отмеченные или выбранные атрибуты, найденные в любых элементах формы. Поэтому он всегда использует данные экземпляра Vue как источник правды.

25. Какие модификаторы поддерживаются в модели?

Директива v-model поддерживает три модификатора.
1. лень: по умолчанию v-model синхронизирует ввод с данными после каждого события ввода. Вы можете добавить модификатор lazy для синхронизации после событий изменения.

2. номер: если вы хотите, чтобы пользовательский ввод автоматически приводился к типу числа, вы можете добавить модификатор числа в вашу v-модель. Даже с type = "number" значение входных элементов HTML всегда возвращает строку. Итак, этот модификатор приведения типа необходим.

3. Трим: Если вы хотите, чтобы пробелы из пользовательского ввода автоматически обрезались, вы можете добавить модификатор обрезки к своей v-модели.