Я хочу показать сообщение с v-моделью, но она не работает

Question

Я учу Vure с Laravel.
Я хочу отобразить сообщение во входном теге с v-моделью, но оно не работает.

<div class="card" id="myAppId">
<p>@{{ message }}</p>
<input type="text" v-model="message" class="form-control">
</div>

    <script src="{{ asset('js/vue.js') }}"></script>
    <script>

        new Vue({
            el: "#myAppId",
            data: {
                message : 'Hello Vue Js'
            }
        });

    </script>

Отображается только <p>@{{ message }}</p> с пустым полем ввода.

Answer 1

Вы можете просто инициализировать эту переменную v-модели начальным значением. Это должно достичь того, что вы ищете:

data: {
     message: 'initial_message',
}