I've been delving into the Laracasts Tutorials on Vue.js and have come across a stumbling block. I'm working with a vueify component named app-footer.vue which houses my styles, scripts, and template.
<style>
.red {
background-color: #000;
}
</style>
<template>
<p class="footer-text">Copyright {{ currentYear }} </p>
</template>
<script>
export default {
data () {
return {
currentYear: new Date().getFullYear()
}
}
}
</script>
Next, in my view, I include the component like this:
<app-footer></app-footer>
And finally, in my app.js file, I import the template file and add it to my Vue instance's list of components:
window.Vue = require('Vue');
import AppFooter from './components/app-footer.vue';
new Vue({
el: 'body',
components: { AppFooter }
});
Despite following these steps, I keep encountering Component errors questioning if I've defined it correctly. Can anyone pinpoint what I'm doing wrong?