[已解决]blade中vue无法渲染

Question

[已解决]blade中vue无法渲染

冉娃娃

1.2k1689123

发布于
2018-02-24

更新于
2018-02-25

业务背景

php0基础
接到一个半路活,blade页面已经全部写好
我得在前端调用接口,用vue绑定数据

问题

vue的代码根本没有渲染
渲染后的html代码如下:

<li v-for="(banner,index) in banners" :data-slide-to="banner.id" :class="index === 0 ? 'active':''">
  {{banner.mg}}
</li>

源码

app.blade.php

<ol>
<li v-for="(banner,index) in banners" :data-slide-to="banner.id" :class="index === 0 ? 'active':''">
    @{{banner.img}}
</li>
</ol>
@section('js')
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<script>
$(document).ready(function() {
        // 数据填充
        var vueApp = new Vue({
            el: 'vueApp',
            data: {
                banners: {} 
            }
        })
        setTimeout(function(){
            vueApp.banners = [{id:1,img:1},
                        {id:1,img:2}];
        },1000)
    });
</script>
@endsection