[已解決]blade中vue無法渲染

業(yè)務背景

php0基礎
接到一個半路活,blade頁面已經全部寫好
我得在前端調用接口,用vue綁定數(shù)據(jù)

問題

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() {
        // 數(shù)據(jù)填充
        var vueApp = new Vue({
            el: 'vueApp',
            data: {
                banners: {} 
            }
        })
        setTimeout(function(){
            vueApp.banners = [{id:1,img:1},
                        {id:1,img:2}];
        },1000)
    });
</script>
@endsection

感謝

看到有人說,要先在后臺編譯vue,再引入到blade里面去,是這樣么,如何操作呢
主要是太趕時間了,只能先上來問一下大家啦謝謝

解決

其實和blade沒有半毛錢關系 .......
只是在實例化vue對象的時候...el參數(shù)值里面沒有#這個符號
..
咳..
這是什么原因呢

因為不會php.無形中給自己設置了障礙.
本身很簡單的一個問題,因為沒用過php,一開始就主觀上認為自己處理不了...
這種現(xiàn)象值得深入分析一下...可以請教一下心理學家......