2017-09-06 12 views
1

私はこのような私のapp.jsでコンポーネント登録:何laravelブレードでvue.jsコンポーネントを使用するには?

<body class=""> 
    <div id="app"> 
     <div class=""> 
     <navbar></navbar> <-- here! 
     @yield('content') 
     </div> 
    </div> 
</body> 

:私のblade.phpファイルに

<template> 
<nav class="navbar">CODE HERE</nav> 
</template> 

Vue.component('navbar', require('./components/Navbar.vue')); 

今、私はそのコンポーネントをインポートしたいのこれを行う最も簡単な方法は? app.jsあなたブレード

import navbar from './components/Navbar.vue'; 
Vue.component('navbar', require('./components/Navbar.vue')); 

var app = new Vue({ 
    el: '#app', 
    components: { 
     'navbar': require('./components/Navbar.vue'), 
    } 
}); 

+0

この回答https://stackoverflow.com/a/から助けを得るようにしてください43224985/7844349 –

答えて

2

<body class=""> 
<div id="app"> 
    <div class=""> 
     <navbar></navbar> 
     @yield('content') 
    </div> 
</div> 

+0

不明なカスタム要素: - コンポーネントを正しく登録しましたか?再帰的なコンポーネントの場合、 "name"オプションを指定してください。 –

+0

私の編集を確認してください! –

+0

同じエラー.. –

関連する問題