vessels
@vessels
Ни черта не понял, но очень интересно!

Как решить данную проблему?

Добрый вечер!
Сразу скину код:
Main.js
var component = {
	components:{
		'navbar': httpVueLoader('static/com/widgets/Navbar.vue')
	}
}

var routes = [
	{ path: '/', component: httpVueLoader('static/com/Home.vue') },
	{ path: '/contact', component: httpVueLoader('static/com/Contact.vue') } 
]

var router = new VueRouter({ routes, mode: 'history', base: '/' })

var app = new Vue({ el:'#app', router, component })

index.html
<!DOCTYPE html>
<html>
<head>
	<title>Site Engine</title>
	<link href="{{ url_for('static', filename='css/roboto.css') }}" rel="stylesheet">
	<link href="{{ url_for('static', filename='css/style.css') }}" rel="stylesheet" type="text/css">
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<!-- <script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script> for production -->
	<script src="https://unpkg.com/vue-router@2.0.0/dist/vue-router.js"></script>
	<script src="https://unpkg.com/http-vue-loader"></script>
</head>
<body>
<div id="app">
	<navbar></navbar>
	<router-view></router-view>
</div>
<script src="{{ url_for('static', filename='Main.js') }}"></script>
</body>
</html>

Как вы видите у меня тут есть пару роутеров и я пытался вывести однофайловый компонент. Проблема заключается в том что Vue, не видит navbar, уже и не знаю что делать... Прошу помочь с данной проблемой
  • Вопрос задан
  • 455 просмотров
Решения вопроса 1
notiv-nt
@notiv-nt
new Vue({
  components: {
    navbar: ...
  }
})
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@xcuube
У меня вот так работает
import Vue from "vue";
import App from "./App.vue";
import router from './router';
import Navbar from './components/Navbar.vue';

Vue.use(router);
Vue.component('navbar', Navbar);

Vue.config.productionTip = true;

new Vue({
  router,
  render: h => h(App)
}).$mount("#app");
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы