Работа з radio у Vue

Праца з radio адбываецца аналагічным чынам. Давайце паглядзім на практыцы. Для пачатку зробім уласцівасць choice, якое мы будзем прывязваць да групы radio:

data() {
	return {
		choice: '',
	}
}

Зробім цяпер групу radio:

<template>
	<input name="radio" type="radio">
	<input name="radio" type="radio">
	<input name="radio" type="radio">
</template>

Напішам кожнай з іх дырэктыву v-model і прывяжам да яе ўласцівасць choice:

<template>
	<input name="radio" type="radio" v-model="choice">
	<input name="radio" type="radio" v-model="choice">
	<input name="radio" type="radio" v-model="choice">
</template>

Дам таксама кожнай з іх свой value:

<template>
	<input name="radio" type="radio" v-model="choice" value="v1">
	<input name="radio" type="radio" v-model="choice" value="v2">
	<input name="radio" type="radio" v-model="choice" value="v3">
</template>

Цяпер у ўласцівасці choice заўсёды будзе ляжаць value адзначанага radio:

<template>
	you choosed: {{ choice }}
</template>

Спытайце ў карыстальніка з дапамогай групы radio, якая мова для яго родная. Зрабіце так, каб абраная мова вывелася ў абзацы

Мадыфікуйце папярэднюю задачу наступным чынам: хай у нас ёсць тры абзацы з тэкстам на рознай мове. У залежнасці ад выбару карыстальніка вывядзіце фразу на абранай ім мове.