How to put data in placeholder using Vue.JS?

Question

Web development

Good afternoon!
Help a little with the implementation of data entry in 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

v-bind
:placeholder="warning"