vue
  • Initial page
  • Basics
    • Синтаксис шаблонов
      • Интерполяции
      • Атрибуты
      • Аргументы
    • Условия
    • Циклы
      • v-for
      • Сохранение состояния (key)
      • Отслеживание изменений в массивах
      • Отслеживание изменений в объектах
      • Отображение отфильтрованных/отсортированных результатов
    • Связывание css-классов и стилей
      • Связывание CSS-классов
      • Связывание inline-стилей
  • Директивы
    • v-once
    • v-html
    • v-bind
    • Пользовательские директивы
      • Введение
      • Хуки
      • Динамические аргументы директивы
      • Сокращённая запись
      • Передача объекта данных в директиву
    • Фильтры
  • Computed, watch
    • Вычисляемые свойства - computed
      • API
      • Вычисляемые свойства
      • Кеширование вычисляемых свойств
      • Вычисляемые свойства и слежение
      • Сеттеры вычисляемых свойств
    • Слежение - watch
      • API
      • Методы-наблюдатели
      • vm.$watch
  • События
    • Подписка на события
    • Обработчики событий
    • Методы и inline-обработчики
    • Модификаторы событий
    • Модификаторы клавиш
      • Обработка событий клавиатуры
      • Коды клавиш
      • Системные модификаторы клавиш
    • Модификаторы клавиш мыши
    • Пользовательские события
    • $event
    • События
  • Работа с формами
    • Типичное использование
    • Текст
      • Обычный текст
      • Многострочный текст
    • Checkbox
      • Связывание значений
      • Один чекбокс
      • Привязка к массиву
      • Привязка к объекту
      • Собственные значения для состояния чекбокса
    • Radio button
      • Радиокнопки
      • Связывание значений
      • Привязка к объекту
      • Привязка к массиву объектов
    • Select
      • Выпадающие списки
      • Связывание значений
      • Привязка к объектам в списке с множественным выбором
    • Настройка v-model у компонента
    • Модификаторы
      • .lazy
      • .number
      • .trim
    • Настройка v-model у компонента
  • Работа с Dom
    • ref
    • vm.$refs
    • Доступ к экземплярам дочерних компонентов и элементов
  • Компоненты
    • Входные параметры - props
      • Стиль именования входных параметров
      • Указание типа входных параметров
      • Однонаправленный поток данных
      • Валидация входных параметров
      • Передача атрибутов
        • vm.$attrs
        • Передача обычных атрибутов
        • Замена/Объединение существующих атрибутов
        • Отключение наследования атрибутов
      • inheritAttrs
    • Пользовательские события
      • Стиль именования событий
      • Подписка на нативные события в компонентах
      • Генерация пользовательских событий
        • vm.$emit( eventName, […args] )
        • Модификатор .sync
    • Слоты
      • slot
      • Содержимое слота
      • Область видимости при компиляции
      • Содержимое слота по умолчанию
      • Именованные слоты
        • Именованные слоты
        • v-slot
      • Слоты с ограниченной областью видимости
        • vm.$scopedSlots
        • Связывание данных
        • Сокращённый синтаксис для одиночного слота по умолчанию
        • Деструктурирование входных параметров слота
      • Динамическое имя слота
      • Сокращённая запись для именованных слотов
      • Другие примеры
    • Динамические и асинхронные компоненты
      • Динамическое переключение компонентов
      • keep-alive с динамическими компонентами
      • keep-alive
    • Асинхронные компоненты
    • Доступ к элементам и компонентам
      • Доступ к элементу и компоненту
      • vm.$root
      • Доступ к экземпляру родительского компонента
      • parent
      • vm.$parent
      • Доступ к экземплярам дочерних компонентов и элементов
  • Переиспользование и композиция
    • Примеси
      • mixins
      • Vue.mixin( mixin )
      • Основы
      • Слияние опций
      • Глобальные примеси
      • Пользовательские стратегии слияния опций
  • Router
    • Untitled
  • Vuex
    • Общая информация
    • Введение
    • Состояние - state
    • Геттеры - getters
    • Мутации - mutations
    • Действия - actions
    • Nuxt Vuex
      • Режим модульности - modules mode
Powered by GitBook
On this page

Was this helpful?

Last updated 5 years ago

Обычный текст можно связывать через v-model

Результат:

PreviousТекстNextМногострочный текст
  1. Работа с формами
  2. Текст

Обычный текст

<input v-model="message" placeholder="отредактируй меня">
<p>Введённое сообщение: {{ message }}</p>