Задать вопрос

Как на 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 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Stepik
    JavaScript с нуля - основы языка и практика для начинающих
    2 недели
    Далее
  • Merion Academy
    Фронтенд-разработчик с нуля
    4 месяца
    Далее
  • Skypro
    JavaScript-разработчик с нуля
    9 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы