Подключил роутер. Есть файлы
<a v-link="{path: '/hello'}">Hello</a>
<a v-link="{path: '/about-us'}">About us</a>
<a v-link="{path: '/roman'}">Ссылка 1</a>
<template id="hello">
<h2>{{ message }}</h2>
</template>
<template id="roman">
<h2> text {{ message }}</h2> //я хочу это получить со ссылки
</template>
<template id="about-us">
<h2>About us</h2> //я хочу это получить со ссылки
<p>сайт ukrtest.in.ua</p> //я хочу это получить со ссылки
</template>
<script>
var hello = Vue.extend({
template: '#hello',
data: function(){
return {
message: 'Hello World'
}
}
})
var roman = Vue.extend({
template: '#roman',
data: function(){
return {
message: 'Hello roman'
}
}
})
var aboutus = Vue.extend({
template: '#about-us'
})
var App = Vue.extend({});
var router = new VueRouter({
history: true
});
router.map({
'/hello':{
component: hello
},
'/about-us':{
component: aboutus
},
'/roman':{
component: roman
}
});
router.start(App, '#app');
new Vue({
el: '#app',
data: {
},
ready: function(){
},
methods: {
}
})
</script>
Как мне загружать шаблон, тоесть не здесь писать, а по ссылке загрузить? В ангуляре просто, а здесь нигде не найду документации. Спасибо