Здравствуйте. Хочу сделать шапку сайта для vue. Но проблема в том что у меня будет сайт с аутентификацией. Если юзер не вошел то будут поля: Войти и Создать аккаунт. А если он вошел на сайт, то Профиль, Новости и т.д.
Вот что я сделал:
//App.vue
<template>
<div id="app">
<header-view />
<content-view />
<footer-view />
</div>
</template>
<script>
import Header from './components/Header.vue'
import Content from './components/Content.vue'
import Footer from './components/Footer.vue'
console.log(jQuery.fn.jquery)
export default {
name: 'App',
components: {
'header-view': Header,
'content-view': Content,
'footer-view': Footer
}
}
</script>
Вот файл Header.vue
<template>
<header>
<a href="#">Новости</a>
<a href="#">Профиль</a>
</header>
</template>
<script>
export default {}
</script>
<style scoped>
</style>
Буду рад, за помощь.
P.S. Готового кода не жду.