I registered component in my app.js like this:
JavaScript
x
Vue.component('navbar', require('./components/Navbar.vue'));
Now I want to import that component:
JavaScript
<template>
<nav class="navbar">CODE HERE</nav>
</template>
Into my blade.php file:
JavaScript
<body class="">
<div id="app">
<div class="">
<navbar></navbar> <-- here!
@yield('content')
</div>
</div>
</body>
What’s the easiest way to do this?
Advertisement
Answer
In app.js
JavaScript
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'),
}
});
In your blade:
JavaScript
<body class="">
<div id="app">
<div class="">
<navbar></navbar>
@yield('content')
</div>
</div>