如何在laravel blade中使用vue.js組件？

我註冊的組件在我的app.js這樣的：如何在laravel blade中使用vue.js組件？

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

現在我想導入組件：

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

進入我的blade.php文件：

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

什麼最簡單的方法來做到這一點？

來源

2017-09-06 Rowinski Bartosz

嘗試從這個答案https://stackoverflow.com/a/得到幫助43224985/7844349 –

在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'), 
    } 
});

在你刀片：

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

來源

2017-09-06 08:54:41

未知的自定義元素： - 您是否正確註冊了組件？對於遞歸組件，確保提供「名稱」選項。 –

請檢查我的編輯！ –

相同的錯誤.. –

如何在laravel blade中使用vue.js組件？

回答

相關問題