如何在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>

什么最简单的方法来做到这一点？

尝试从这个答案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>

未知的自定义元素： - 您是否正确注册了组件？对于递归组件，确保提供“名称”选项。 –

请检查我的编辑！ –

相同的错误.. –

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

相关推荐