Какие особенности работы v-model с элементами управления в Vue.js?

Некоторые особенности работы директивы v-model с элементами управления в Vue.js:

• Двусторонняя привязка данных. habr.com Если что-то новое оказывается в поле ввода, это приводит к изменению данных. habr.com И наоборот: когда меняются данные, обновляется состояние элемента управления, эти данные использующего. habr.com
• Игнорирование начальных значений атрибутов value, checked или selected на любых элементах форм. vueframework.com Данные текущего активного экземпляра всегда считаются источником истины. vueframework.com Начальное значение необходимо объявить на стороне JavaScript, внутри опции data компонента. vueframework.com
• Использование разных свойств и событий для различных элементов ввода: vueframework.com
• элементы для ввода текста и многострочного текста используют свойство value и событие input; vueframework.com
• чекбоксы и радиокнопки используют свойство checked и событие change; vueframework.com
• выпадающие списки используют свойство value и событие change. vueframework.com
• По умолчанию v-model синхронизирует ввод с данными по событию input. vueframework.com Можно указать модификатор lazy, чтобы использовать для синхронизации после события change. vueframework.com
• Для элемента textarea при использовании директивы v-model внутри него нельзя поместить текст с помощью интерполяции. metanit.com При вводе текста в textarea с помощью клавиши Enter можно переносить строки. metanit.com Чтобы переносы строк сохранялись при выводе текста на страницу, необходимо применять соответствующие стили CSS. metanit.com