Как через Vue.JS поместить данные в placeholder?

Question

[Ришат Султанов]

Добрый день!
Помогите немного с реализацией ввода данных в placeholder.

Vue.JS

<form class="center-form">
    <div class="form-group">
        <label for="exampleInputEmail1">{{ email }}</label>
        <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="{{ warning }}">
    </div>
    <div class="form-group">
        <label for="exampleInputPassword1">Password</label>
        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
    </div>
    <div class="form-check">
        <label class="form-check-label">
            <input type="checkbox" class="form-check-input">
            Check me out
        </label>
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
</form>
<script>
    new Vue({
        el: '.center-form',
        data: {
            email: "Ваш код",
            warning: "Укажите секретный код который Вам выдали."
        }
    })
</script>

[Vue warn]: Error compiling template:

Answer 1

[Igor Koch]

v-bind
:placeholder="warning"

Answer 2

[Evgeny Kulakov]

placeholder="{{ warning }}" -> :placeholder="warning"