laravel - 我想用 v-model 显示消息，但它不起作用

Question

我正在用 laravel 学习 vue。
我想用 v-model 在输入标签中显示消息，但它不起作用。

<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>空输入字段。

标签： laravelvue.js

Answer 1

您可以使用初始值初始化该 v-model 变量。这应该实现您正在寻找的内容：

data: {
     message: 'initial_message',
}