Laravel Vue.js赢得';t更新它';编辑的地方在哪里

Laravel Vue.js赢得';t更新它';编辑的地方在哪里,laravel,vue.js,blade,Laravel,Vue.js,Blade,我的新辅助项目一直有问题。看到Vue.js,觉得很酷,就试了一下 这是我插入新博文的地方: <input class="form-control" placeholder="Title" v-model="header" name="title" type="text" value=""> <div id="create_post" class="site-heading"> <h1>New post</h1> <hr c

我的新辅助项目一直有问题。看到Vue.js,觉得很酷,就试了一下

这是我插入新博文的地方:

<input class="form-control" placeholder="Title" v-model="header" name="title" type="text" value="">
<div id="create_post" class="site-heading">
    <h1>New post</h1> 
    <hr class="small"> 
    <span class="subheading"></span>
</div>
new Vue({
    el: '#create_post',
    data: {
        header: 'New post',
        subheader: '...'
    }
});
如果我把输入放在它应该更新的地方下面,它将不起作用,但是如果输入是第一位的,那么它就会像一个符咒一样起作用

我该如何继续?

这是您需要的:

newvue({
el:“#应用程序”,
数据:{
标题:“帖子标题”
}
});

{{header}}

我在我的评论中说,v-model没有。懒散的结尾让它实时更新


因此,整个程序必须在div
#app
中,模型必须像
v-model=“header”
,而不是
v-model=“header.lazy”

中运行,但只有在我失去对该输入的关注时,它才会更新。。。整个事情都需要在create_post div中,而不仅仅是我想要显示输入的地方。