VUE JS沒有渲染的成分

這是我的html：VUE JS沒有渲染的成分

<div id="modalComponent"> 
    <remodal-designs v-binds:designid="1074"></remodal-designs> 
</div>

這是我在HTML腳本：

<script src="{{ FuImg::asset('js/libs/vue.min.js') }}"></script> 
<script src="{{ FuImg::asset('js/vue_components/remodal_designs.js') }}"></script>

，這是我的Vue JS組件：

Vue.component('remodal-designs', { 

    template : '<div id="modaldesigns" class="cp-remodal remodal" :data-remodal-id="designid">\ 
        <button data-remodal-action="close" class="remodal-close"></button>\ 
        <div class="container">\ 
         <div class="row no-gutter">\ 
          <div class="col-sm-6">\ 
           <div class="cp-tab-menu active">\ 
            Camisetas Premium\ 
           </div>\ 
          </div>\ 
          <div class="col-sm-6">\ 
           <div class="cp-tab-menu">\ 
            Camisetas Basic\ 
           </div>\ 
          </div>\ 
         </div>\ 
        </div>\ 
       </div>\ 
    ', 

    props : ['designid'], 



});

該組件不呈現。當我打開Chrome瀏覽器並使用Ctrl + U查看代碼時，什麼都沒有完成。

Chrome控制檯不會返回錯誤。

我在做什麼錯？

編輯：VUE控制檯報告該

[Vue warn]: failed to compile template: 

<div id="modalComponent"> 
    <remodal-designs v-bind:designid="5rpexo1zwci6"></remodal-designs> 
</div> 

- invalid expression: v-bind:designid="1074" 


(found in root instance)

來源

2017-02-22 Antonio Morales

請勿在開發中使用縮小版本，否則您將無法獲取所有控制檯錯誤。更改爲非縮小版本並查看是否有任何錯誤。 –

啊，好的，謝謝！ –

@craig_h我編輯了主帖子 –

在HTML中，除去v-bind：

<div id="modalComponent"> 
    <remodal-designs designid="1074"></remodal-designs> 
</div>

v-bind使用時動態地綁定一個或多個屬性或組件道具的表達或vue數據。在你傳遞一個常量的時候，這是不需要的。

來源

2017-02-22 15:15:09 Saurabh

VUE JS沒有渲染的成分

回答

相關問題