# Работа с селектами в Vue

Работа с селектами осуществляется аналогично - на тег селект вешается атрибут `v-model`, к нему привязывается свойство объекта `data`. В это свойство будет попадать текст выбранного тега `option`.

Следующий код демонстрирует пример работы селекта:

`data() { return { selected: 'value1', // значение по умолчанию } }`
`<template> <select v-model="selected"> <option>value1</option> <option>value2</option> <option>value3</option> </select> <p>{{ selected }}</p> </template>`

Спросите у пользователя с помощью селекта в каком городе он живет. Сделайте так, чтобы выбранный город вывелся в абзаце под селектом.

←→
↑