Parameterising v-model in a Vue component - vue.js

Question

I've written a small component to abstract some repeated HTML:
<template>
<div class="form-group">
<label for="desc">{{label}}</label>
<input id="desc" readonly type="text" class="form-control input-sm"
v-model={{v_model}}/>
</div>
</template>
<script>
export default {
name: 'HelloWorld',
props: {
label: String,
v_model: String
}
}
</script>
<style scoped>
</style>
This gives the error:
Error compiling template:
<div class="form-group">
<label for="desc">{{label}}</label>
<input id="desc" readonly type="text" class="form-control input-sm"
v-model={{v_model}}/> </div>
- invalid expression: Unexpected token { in
{{v_model}}/
Raw expression: v-model="{{v_model}}/"
I'm expecting that things assigned to v-... attributes will need to be done in some other way, but I don't yet know how.

Answer 1

Solution was:
<template>
<div class="form-group">
<label for="desc">{{label}}</label>
<input id="desc" type="text" class="form-control input-sm"
v-bind:value="value"
v-on:input="$emit('input', $event.target.value)"
/>
</div>
</template>
<script>
export default {
name: 'FormGroup',
props: {
label: String,
value: String
},
data: function() {
return {
}
}
}
</script>
<style scoped>
</style>