Как на vue.js загрузить шаблон?

Подключил роутер. Есть файлы

<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>

Как мне загружать шаблон, тоесть не здесь писать, а по ссылке загрузить? В ангуляре просто, а здесь нигде не найду документации. Спасибо
  • Вопрос задан
  • 479 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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